/*
Proyecto: Kiimail
Descripcion: la nueva forma de hacer marketing
Autor: arkev & cyberocioso
Version: 1 o el numero de version que sea
.
Comentarios en general/ espacio para dejar comentarios a otro programadores
.


[Tabla de contenidos] 

	0- Reset
	1- Global
	2- Links
	3- Encabezados y parrafos
	4- Header 
	5- Layout
	6- Contenido 
	7- Formularios
	8- Extras
	9- Footer 

*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
html>body { font-size: 11px; } 

/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

body {
	font: normal 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif; 
	text-transform: none;
	letter-spacing: normal;
	line-height: 1em;
	word-spacing:normal;
	vertical-align: top;
	background: #000 url(../images/kiimail-bkg.jpg) fixed no-repeat top center;
	
	color: #CCC;
}
#header 
{
background: transparent url(/images/kiiimail-logo.png) no-repeat scroll 80px 0px;
}
.right {float: right;}
.left {float: left;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align:center;}
.justify {text-align:justify;}
.hide {color:#000000;
display:block;
}
h1.hide, #header-name a {text-indent:-9000px; display:block; margin:0px; height:1px;}
.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom:1px solid;}
.highlight {background:#ffc;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {float:left;margin:4px 10px 4px 0;}
img.alignright {float:right;margin:4px 0 4px 10px;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {display: block;
}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet {color:#666;}
.loud {color:#000;}
.azul{color:#008DC7;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.cien { width:100%;}
.ch3 {float:right;width:294px;}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
:-moz-any-link {cursor:pointer;}
a {color:#999;text-decoration:underline;}
a:link, a:visited {color:#008DC7;}
a:focus, a:hover {color: #999; text-decoration:none;}
a:active {color: #999;}
a.liga { 
display:block;
height:215px;
position:absolute;
width:385px; }
/* =3 Ecabezados y parrafos
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

p { margin: 0; font-size: 1em; line-height: 1.4em; padding: 0;color:#999;}
h1, #header-name { margin: 0.6em 0; font-size: 1.8em; line-height: 0.6em; font-weight:bold;text-transform: uppercase;padding: 0.3em 0;}
#header-content #header-name {
 height:75px;}
h2 { margin: 0.7em 0; font-size: 1.6em; line-height: 0.7em; font-weight:bold;padding: 0.5em 0;color:#6DCD1A;}
h3 { color:#6DCD1A;font-size:1.2em;font-weight:bold;line-height:1.2em;margin:0.8em 0;}
h4 { margin: 0.9em 0; font-size: 1.2em; line-height: 0.9em; font-weight:bold;}
h5 { margin: 1.1em 0; font-size: 1.09em; line-height: 1.1em; font-weight:bold;}
h6 { margin: 1.2em 0; font-size: 1em; line-height: 1.2em; font-weight:bold;}

/* =4 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* =5 Layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.container {width:950px;margin:0 auto;}
.column, div.span-01, div.span-02, div.span-03, div.span-04, div.span-05, div.span-06, div.span-07, div.span-08, div.span-09, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-01 {width:30px;}
.span-02 {width:70px;}
.span-03 {width:110px;}
.span-04 {width:150px;}
.span-05 {width:190px;}
.span-06 {width:230px;}
.span-07 {width:270px;}
.span-08 {width:310px;}
.span-09 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
.tab-01 {margin-left:5px;}
.tab-02 {margin-left:10px;}
.tab-03 {margin-left:20px;}
.tab-04 {margin-left:30px;}
.tab-05 {margin-left:40px;}
.tab-06 {margin-left:50px;}
.tab-07 {margin-left:60px;}
.tab-08 {margin-left:70px;}
.tab-09 {margin-left:190px;}
.espacio-01 {margin-bottom:5px;}
.espacio-02 {margin-bottom:10px;}
.espacio-03 {margin-bottom:20px;}
.espacio-04 {margin-bottom:30px;}
.espacio-05 {margin-bottom:40px;}
.espacio-06 {margin-bottom:50px;}
.espacio-07 {margin-bottom:60px;}
.espacio-08 {margin-bottom:70px;}
.espacio-09 {margin-bottom:80px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.push-01 {margin-top:5px;}
.push-02 {margin-top:10px;}
.push-03 {margin-top:20px;}
.push-04 {margin-top:40px;}
.push-05 {margin-top:50px;}
.push-06 {margin-top:60px;}
.push-07 {margin-top:70px;}
.push-08 {margin-top:80px;}
.push-09 {margin-top:90px;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
/* =6 Contenido
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#wrapper {
	background:transparent url(../images/bkg.png) repeat-y scroll 50% 0;
	margin:0px auto;
	padding:10px 50px 10px 40px;
	width:728px;
	text-align:left;
	position:relative;
	border:1px solid #121;
}

#nav {
	list-style: none;
	padding: 0;
	margin: 0px 0 20px 0;
	background: #2e2e2e url(/img/nav_bar.jpg) repeat-x;
	display: block;
	overflow: hidden;
	font-size:1.2em;
	height:27px;
	text-transform:capitalize;
}
#nav li {
	display: inline;
}
#nav li a {
	display: block;
	float: left;
	padding: 10px 19px;
	color: white;
	text-decoration: none;
}
#nav li a:hover {
	background: #1b1b1b url(/img/nav_bar_o.jpg) repeat-x;
}
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#content {
min-height:200px;
}

#content img.right {
	float: right;
	margin: 0 0 8px 8px;

}
/* =7 Formularios
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
input.span-01, textarea.span-01, select.span-01 {width:30px!important;}
input.span-02, textarea.span-02, select.span-02 {width:50px!important;}
input.span-03, textarea.span-03, select.span-03 {width:90px!important;}
input.span-04, textarea.span-04, select.span-04 {width:130px!important;}
input.span-05, textarea.span-05, select.span-05 {width:170px!important;}
input.span-06, textarea.span-06, select.span-06 {width:210px!important;}
input.span-07, textarea.span-07, select.span-07 {width:250px!important;}
input.span-08, textarea.span-08, select.span-08 {width:290px!important;}
input.span-09, textarea.span-09, select.span-09 {width:330px!important;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {background:#121f28 none repeat scroll 0 0;border:0 none;padding:5px;width:300px;}
input.title {font-size:1.5em;}
input, textarea, select {
	margin:0 0;
	font-family:Verdana,Tahoma,Arial,Sans-Serif;
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.2em;
	color:#fff;

}
textarea {
	height:120px;
	margin:10px 0;
	padding:5px;
	width:300px;
	background:#121f28;
	border:0;
}
select { color:#000;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.enviar {
	background:transparent url(../images/enviar.gif) no-repeat scroll 0 0;
	border:0 none;
	color:#FFFFFF;
	height:26px;
	text-indent:-90000%;
	width:59px;
}
.conta { font-size:1.3em;text-transform:capitalize;color:#08A4D3;}
/* =8 Extra
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#myController span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#jFlowSlide{
border:10px solid #000;
width:659px !important;

}

#myController span.jFlowSelected {
background:#000;
}

div.jFlowSlideContainer
{

}
.jFlowPrev, .jFlowNext{
cursor:pointer;
color:#6DCD1A;
}

/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#foot {
	color: white;
	text-align:left;
	border-top:1px solid #222;
	height:56px;
	margin:30px 0 0;
	padding:10px 15px;
	clear:both;
	float:none;
	line-height:1.3em;
	text-align:center;
}
div.widget-search
{
position:absolute;
top:90px;
right:49px;
}
.widget-search h3.widget-header
{
color:#6DCD1A;
font-size:11px;
}

#header-name a
{
color:#000;
text-decoration:none;
font-size:1.8em;
font-weight:bold;
line-height:0.6em;
margin:0.6em 0;
padding:0.3em 0;
text-transform:uppercase;
position:absolute;
width:450px;
height:90px;
top:0px; 
}
h2.entry-title
{
text-decoration:none;
background:url("/images/title.png") repeat-x scroll 0 0px transparent;
margin:0px!important;
text-indent:5px;
}
.asset-header
{
border:1px solid #111111;
display:table;
float:left;
margin:10px 0 0;
width:100%;
}
.asset-header h1
{
text-indent:5px;
background:url("/images/title.png") repeat-x scroll 0 0px transparent;
line-height:20px;
margin:0 !important;
}
.asset-body
{
float:left;
padding:10px;
}
#header-description, h2.entry-title
{
color:#6DCD1A;
font-size:1.6em;
font-weight:bold;
line-height:0.7em;
margin:0;
padding:0.5em 0;
font-family:trebuchet MS;
}
.archive-title
{
color:#09A7D5;
}
input#search, .widget-search input
{
	color:#444;
}
.widget-pages
{
height:50px;
}
.widget-pages li
{
	float:left;
	margin:5px;
}
div#alpha, div#alpha div.entry-asset
{
display:table;
width:100%;
}
.asset-header h2.entry-title {
	display:inline;
	float:left;
	margin:1em 0;
	width:100%;
}

.asset-header h2.entry-title a{
	color:#6DCD1A;
	text-decoration:none;
}
#content h1
{
color: #09A7D5;
}
#page-2 .asset-body
{
width:100%;
}
.servicios li 
{
font-size:12px;
line-height:20px;
list-style:disc outside none;
}
.bor 
{
border:3px double;
margin:7px 0;
}
#container-error 
{
text-align:center;
}
#container-error #foot
{
width:720px;
margin:30px auto !important;
}
iframe #ss-form-container

{
width:100% !important;
}
#page-29 .asset-body
{
background:none repeat scroll 0 0 #E8EEF7;
padding:0 !important;
width:100% !important;
}
#page-29 iframe
{
width:100% !important;
}
#page-29 .asset-body p
{
background:none repeat scroll 0 0 #E8EEF7;
padding:25px 5%;
width:90%;
}