/* 
Nombre del tema: Eye Tracking
Direccion URL: http://www.eyetracking.cl
Descripcion: Plantilla desarrollada por AyerViernes para el blog de Eye Tracking
Version: 1.0
Autor del Diseno: Adolfo Morales
Front: Basilio Cáceres - Yerko Pezzopane
URL empresa: http://www.ayerviernes.com/
*/

html{
	background: transparent url(imag/back/backHtml.jpg) repeat-x bottom left;
	padding-bottom: 3em;
}
body{
	background: transparent url(imag/back/backBody.jpg) repeat-x top left;
	font: normal normal 1em/120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
*, form{
	margin: 0;
	padding: 0;
}
/*------------------------------------- Elementos */
table{
	border-collapse: collapse;
	empty-cells: show;
	border-spacing: 0px;
}
td{
	padding: 0;
}
fieldset{
	border: 0;
}
hr{
	display: none;
}
a{
	color: #06F;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
/**************************************************************
                     ESTRUCTURA 
**************************************************************/
.center{
	width: 75%;
	min-width: 740px;
	max-width: 950px;
	margin: 0 auto;
	background: transparent;
}
#titus{
	position: relative;
	z-index: 10;
}
#top{
	background: transparent url(imag/back/backTop.gif) repeat-x top center;
}
#header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 12.7em;
	background: transparent url(imag/back/backHead.gif) no-repeat 33% 1.2em;
	z-index: 0;
}
#header .center{
}
#main{
	position: relative;
	margin: 12.7em 0 0 0;
	padding: .7em;
	background: #FFF url(imag/back/backMain.gif) repeat-y 36.5% -10px;
	z-index: 1;
}
#mainTop{
	position: relative;
	height: 200px;
	margin-bottom: 1.5em;
}
#cont{
	float: right;
	width: 64%;
	text-align: left;
}
#side{
	float: right;
	width: 36%;
	text-align: left;
}
#footer{
	position: relative;
	padding-bottom: 10em;
	background: transparent url(imag/back/backFoot.gif) no-repeat top center;
}
#footer .center{
}
/*--------------------------------- Cita Footer */
#footer .citaFoot{
	position: relative;
	display: block;
	width: 100%;
	margin: -8px 0 .5em 0;
	padding: 5px 0 .6em 0;
	font: normal .7em/120% verdana, arial, sans-serif;
	color: #FFF;
	background: #000;
}
#footer .citaFoot div{
}
#footer .citaFoot p {
margin-left: 10px;
padding-top: 0.4em 0 0.8em 2.5%;
text-align:left;
background-color: #0000;
}
/**************************************************************
                     ESTRUCTURA HEADER 
**************************************************************/
#laun{
	position: absolute;
	display: none;
	width: 95px;
	height: 95px;
	top: .7em;
	right: 0;
	text-indent: -1000em;
	background: url(imag/auxi/auxiLaun.gif) no-repeat right top;
	z-index: -1;
}
#titu{
	position: absolute;
	width: 274px;
	height: 60px;
	top: 1.95em;
	left: 0;
	text-indent: -1000em;
	font: bold 2em/120% Arial, Helvetica, Sans-serif;
	background: url(imag/logo/logoEyeTrac.gif) no-repeat 0 0;
	z-index: 10;
}
#titu a{
	display: block;
}
#titu a:active, #titu a:focus{
	outline: 0;
}
#baja{
	position: absolute;
	width: 100%;
	top: 5.4em;
	left: 0;
	font: bold 1.8em/120% Arial, Helvetica, Sans-serif;
	letter-spacing: -.04em;
	text-align: center;
	color: #369;
	z-index: 10;
}
/*---------------------------------- Top */
#top address{
	float: left;
	padding-top: 1.5em;
	font: normal normal normal .7em/120% Verdana, Arial , Helvetica, Sans-serif;
	text-align: left;
	color: #036;	
}
#top address a{
	font-weight: bold;
	color: #036;
}
#top p{
	padding-top: 1.5em;
	padding-right: 7em;
	font: normal .7em/120% Verdana, Arial , Helvetica, Sans-serif;
	text-align: right;
	color: #A6D2FF;
}
#top p a{
	color: #369;
}
#top p a.acti{
	font-weight: bold;
}
/*---------------------------------- Menu */
#menu{
	float: right;
	margin-top: 2.96em;
	z-index: 2;
}
#menu li{
	float: left;
	margin-left: .4em;
	list-style: none;
}
#menu li a{
	position: relative;
	display: block;
	padding: 0 0 0 .6em;
	background: url(imag/auxi/auxiBotoMenuLeft.gif) no-repeat top left;
}
#menu li a span{
	display: block;
	padding: .5em .6em .45em 0;
	font: bold .9em/90% Trebuchet ms;
	text-transform: uppercase;
	color: #999;
	background: url(imag/auxi/auxiBotoMenuRight.gif) no-repeat top right;
}
#menu li a:hover{
	text-decoration: none;
	background-position: 0 -26px;
}
#menu li.acti a{
	background-position: 0 -52px;
}
#menu li a:hover span{
	color: #FFF;
	background-position: 100% -26px;
}
#menu li.acti a span{
	color: #FFF;
	background-position: 100% -52px;
}
/**************************************************************
                     ESTRUCTURA CONT
**************************************************************/
#mainTop #imagLeft{
	float: left;
	width: 66%;
	height: 100%;
}
#mainTop #imagRigh{
	float: right;
	width: 32.6%;
	height: 100%;
}
.imagLeft0{
	background: url(imag/foto/fotoTopBig01.jpg) no-repeat top center;
}
.imagLeft1{
	background: url(imag/foto/fotoTopBig02.jpg) no-repeat top center;
}
.imagLeft2{
	background: url(imag/foto/fotoTopBig03.jpg) no-repeat top center;
}
.imagLeft3{
	background: url(imag/foto/fotoTopBig04.jpg) no-repeat top center;
}
.imagLeft4{
	background: url(imag/foto/fotoTopBig05.jpg) no-repeat top center;
}
.imagRigh0{
	background: url(imag/foto/fotoTopSma01.jpg) no-repeat top right;
}
.imagRigh1{
	background: url(imag/foto/fotoTopSma02.jpg) no-repeat top right;
}
.imagRigh2{
	background: url(imag/foto/fotoTopSma03.jpg) no-repeat top right;
}
.imagRigh3{
	background: url(imag/foto/fotoTopSma04.jpg) no-repeat top right;
}
.imagRigh4{
	background: url(imag/foto/fotoTopSma01.jpg) no-repeat top right;
}
/*---------------------------------- Breadcrumbs */
#brea{
	display: block;
	padding: 0 0 .8em 4%;
	font: normal .75em/120% Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #757D8A;
}
#brea em{
	font-style: normal;
}
/*--------------------------------- Cita Cont Top */
blockquote{
	padding: 0 0 .5em 4%;
}
blockquote h3{
	font: bold 1.4em/120% Arial, Helvetica, Sans-serif;
	letter-spacing: -.02em;
	color: #000;
	margin-bottom: .2em;
}
blockquote p{
	/*width: 67%;*/
	font: italic normal normal 1em/135% Trebuchet ms;
	color: #369;
}
blockquote p a{
	font-size: .8em;
}
blockquote p.dest{
	width: 93px;
	height: 93px;
	text-indent: -1000em;
	background: transparent url(imag/auxi/auxiSol.jpg) no-repeat right top;
	margin: 0 0 .5em .5em;
	float: right;
}
.post blockquote{
	margin: 0 auto 1em auto;
	width: 90%;
	font-size: .85em;
	font-style: normal;
	background-color: #EFF8FF;
	padding: 1em;
}
.post blockquote p{
	margin: 0 auto 1em auto;
	width: 90%;
	font-size: .85em;
	font-style: normal;
	background-color: #EFF8FF;
	padding: 1em;
}
/*--------------------------------- Post */
.post{
	clear: both;
	margin: .4em 0 0 0;
	padding: 1em 0 .8em 4%;
	border-top: 1px solid #CCC;
}
.post a{
	color: #06F;
}
.post a:hover{
	color: #F60;
}
.post h2, .comePost h2{
	padding: .3em 0 .1em 0;
	font: bold 1.4em/130% Arial, Helvetica, Sans-serif;
	color: #369;
}
.post h3{
	font: bold 1.2em/130% Arial, Helvetica, Sans-serif;
	color: #F60;
}
#home .post h4{
	padding: 0 0 .2em 0;
	font: bold 2.5em/100% Arial, Helvetica, Sans-Serif;
	letter-spacing: -.04em;
	color: #BB1B00;
}
.post h4 a{
	color: #693;
}
.post h4 a:hover{
	text-decoration: none;
	color: #000;
}
#pags .post{
	padding-top: 0 !important;
	border: 0;
}
#pags .post h1{
	padding: 0 0 .2em 0;
	font: bold 2.5em/100% Arial, Helvetica, Sans-Serif;
	letter-spacing: -.04em;
	border: 0;
}
#pags .post h3.upper{
	padding-top: 1em;
	border-top: 1px solid #E1DED6;
}
#pags .post h2 a{
	color: #F60;
}
.post p{
	margin-bottom: .6em;
	font: normal .85em/155% Trebuchet ms;
}
.post p a{
	text-decoration: underline;
}
.post p a:hover{
	text-decoration: underline;
}
.post .fech{
	padding: .3em 0 .6em 0;
	font-size: .8em;
	color: #666;
	border-top: 1px dashed #E1DED6;
}
.post .fech a, .post .arch a, .post .linkOut a{
	text-decoration: none;
}
.post .arch{
	margin-top: .8em;
	color: #666;
}
.post ul, .post ol{
	padding: .5em 0 .5em 2em;
}
.post ul li, .post ol li{
	font: normal .85em/170% Trebuchet ms;
}
.post ul li{
	list-style-image: url(imag/auxi/auxiBullCate.gif);
}
.post p img{
	float: right;
	margin: 0 0 .5em 1em;
	border: 4px solid #F1F0E7;
}
.post a img{
	border: 4px solid #F1F0E7;
}
.post a:hover img{
	border: 4px solid #E2DFCC;
}
.post blockquote{
	padding: 0 0 .5em 0;
}
.post blockquote p{
	font: italic normal normal 1em/130% Trebuchet ms;
}
/*--------------------------------- Post Anteriores */
.antePost{
	padding: 1em 0 .5em 4%;
	border-top: 1px solid #CCC;	
}
.antePost ul li{
	position: relative;
	padding: 0 0 .6em 5.5em;
	list-style: none;
	font: normal .85em/120% Trebuchet ms;
}
.antePost ul li .fechAnte{
	position: absolute;
	padding: 0 .3em;
	top: 0;
	left: 0;
	font-size: 1em;
	color: #FFF;
	background: #CC9966;
}
.antePost ul li a{
	color: #693;
}
/*--------------------------------- Lista de Comentarios */
.comePost{
	margin: 1em 0;
	border-top: 1px dashed #E1DED6;
}
#comments, #respond{
	margin-top: .5em;
}
.post .comeList{
	margin: 0 0 1.8em 0;
	padding: 0;
}
.comeList li{
	position: relative;
	margin: .3em 0 1em 0;
	list-style-type: none;
	text-indent: 10px;
	color: #333;
}
.comeList li div{
	padding-top: 8px;
	background: #E6F2FF url(imag/auxi/auxiComeTopLeft.gif) no-repeat top left;
}
.comeList li div div{
	background: transparent url(imag/auxi/auxiFormTR.gif) no-repeat 100% 3px;
}
.comeList li div div div{
	background: transparent url(imag/auxi/auxiFormBL.gif) no-repeat bottom left;	
}
.comeList li div div div div{
	padding: 0 1em .3em 1em;
	font: normal 1.1em/155% trebuchet ms;
	text-indent: 0;
	background: transparent url(imag/auxi/auxiFormBR.gif) no-repeat bottom right;	
}
.comeList li.alt div{
	background: #369 url(imag/auxi/auxiComeModeTopLeft.gif) no-repeat top left;
	color: #FFF;
}
.comeList li.alt div div{
	background: transparent url(imag/auxi/auxiComeModeTopRigh.gif) no-repeat 100% 3px;
}
.comeList li.alt div div div{
	background: transparent url(imag/auxi/auxiComeModeBottLeft.gif) no-repeat bottom left;
}
.comeList li.alt div div div div{
	background: transparent url(imag/auxi/auxiComeModeBottRigh.gif) no-repeat bottom right;
}
.comeList li span.autoCome small{
	color: #666;
}
/*--------------------------------- Formulario */
.form{
	margin: 1em 0;
	background: #E6F2FF url(imag/auxi/auxiFormTR.gif) no-repeat top right;
}
.form div{
	background: transparent url(imag/auxi/auxiFormTL.gif) no-repeat top left;
}
.form div div{
	background: transparent url(imag/auxi/auxiFormBL.gif) no-repeat bottom left;
}
.form div div form, .form div div .subForm{
	padding: 1.3em 0;
	background: transparent url(imag/auxi/auxiFormBR.gif) no-repeat bottom right;
}
.form form fieldset{
	width: 75%;
	margin: 0 auto;
}
.form form fieldset p{
	margin: 0 0 .5em 0;
}
.form form fieldset label{
	display: block;
	padding: 0 0 .2em 0;
	font: normal .85em/110% Trebuchet ms, Sans-serif;
	color: #393C3F;
}
.form input, .form select, .form textarea{
	margin: 0 0 .7em 0;
	padding: .4em 0 .4em .3em;
	font: normal .85em/120% Trebuchet ms, Sans-serif;
	color: #666;
	border: 1px solid #DDEDFF;
}
.form .right{
	margin: 0 -.45em 0 .8em;
}
.form .mens{
	position: relative;
	width: 65%;
	top: .6em;
	margin: 1em auto;
	padding: 1em 5%;
	background: #FFF;
}
/**************************************************************
                     ESTRUCTURA SIDE 
**************************************************************/
#side ul li{
	padding: 1.2em 6% 1em 3%;
	list-style: none;
	border-bottom: 1px solid #CCC;
}
#side ul li ul li, #abou{
	padding: .2em 0;
	font-size: .8em;
	border-bottom: 0;
}
#side #abou{
	padding-top: 0;
}
#abou .upper{
	font-size: 1em;
}
#abou img{
	display: block;
	margin: 1em auto;
}
#broc{
	font: normal .8em/120% trebuchet ms;
	color: #666;
}
#opin ul li{
	margin-bottom: .7em;
	line-height: 110%;
}
#bannBroc{
	display: block;
	width: 100%;
	height: 70px;
	margin: 0 0 .3em 0;
	text-indent: -1000em;
	background: url(imag/boto/botoBrocRigh.jpg) no-repeat 100% 0;
	cursor: pointer;
}
#bannBroc:hover{
	background-position: 100% -70px;
}
#bannBroc span{
	display: block;
	width: 100%;
	height: 70px;
	text-indent: -1000em;
	background: url(imag/boto/botoBrocLeft.jpg) no-repeat 0 0;
	cursor: pointer;
}
#bannBroc:hover span{
	background-position: 0 -70px;
}
#side #cate ul li{
	padding-left: 18px;
	background: url(imag/auxi/auxiBullCate.gif) no-repeat 3px 9px;
}
#bann ul li{
	margin: .5em 4% 1em 0;
}
#bann ul li a{
	display: block;
	width: 100%;
	height: 80px;
	text-indent: -1000em;
	border: 4px solid #F1F0E7;
}
#ayerLab{
	background: url(imag/boto/botoAyerLab.jpg) no-repeat 0 0;
}
#bann ul li a:hover{
	background-position: 0 -80px;
	border: 4px solid #E2DFCC;
}
#lega address{
	font: normal normal normal .8em/120% Trebuchet MS, Arial, Helvetica, Sans-serif;
	color: #666;
}
#lega address strong{
	line-height: 150%;
}
#lega address em{
	padding: .1em .2em;
	font-style: normal;
	color: #FFF;
	background: #000;
}
#lega address small{
	display: block;
	margin-top: .3em;
	font-size: 1em;
}
/**************************************************************
                     ESTRUCTURA FOOTER
**************************************************************/
#menuFoot{
	margin-bottom: .5em;
	padding-bottom: 1.4em;
	background: #FFF url(imag/back/backMain.gif) repeat-y 36.5% 100%;
}
#menuFoot ul{
	float: right;
	width: 59.7%;
	margin-right: 1em;
	padding: 0 0 1em 2%;
	border-top: 1px solid #CCC;
}
#menuFoot ul li{
	float: left;
	margin: .3em 1em 0 0;
	list-style: none;
}
#menuFoot ul li a{
	font: bold .95em/120% Trebuchet ms, Sans-serif;
	color: #666;
}
#menuFoot ul li.acti a{
	color: #000;
}
/*--------------------------------- Botones Subir Bajar */
#volvSubi{
	margin-left: .2em;
	padding: 0 0 .4em 38%;
	text-align: left;
	color: #999;
}
#volvSubi a{
	font-size: .75em;
	color: #f60;
}
/*--------------------------------- Rss Footer */
#rss{
	float: left;
	padding-left: 20px;
	font-size: .8em;
	color: #F60;
	background: url(imag/auxi/auxiIconRSS.gif) no-repeat left;
}
/*--------------------------------- Validacion */
#validator{
	float: right;
	margin: 0;
	font-size: .8em;
	color: #9CF;
}
#validator a{
	color: #F60;
}
#validator a.acti{
	font-weight: bold;
}
#oculVali{
	position: absolute;
	width: 32em;
	margin: -9.7em 0 0 -5em;
	padding: 1.8em 1em 1em 1em;
	font: normal .9em/130% trebuchet ms;
	text-align: left;
	color: #333;
	background: #FFC;
	border: 1px solid #DDA;
}
#oculVali a{
	position: absolute;
	top: 5px;
	right: 5px;
}
#validator a:active, #validator a:focus{
	outline: 0;
}
/********************** AUXILIARES **********************************/
.noBord{
	border: 0 !important;
}
.upper{
	display: block;
	padding-bottom: .8em;
	font: normal .85em/120% Arial;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #F60;
}
.left{
	float: left;
}
.right{
	float: right;
}
.cent{
	display: block;
	margin: 0 auto !important;
	text-align: center !important;
}
.noFloa{
	float: none !important;
}
.boton, .form .boton{
	padding: .4em .5em;
	font: bold .8em/110% Arial, Helvetica, Sans-serif;
	color: #FFF;
	background: #369;
	border: 0;
	cursor: pointer;
}
.boton:hover, .form .boton:hover{
	background: #036;
}
#reset{
	font-weight: normal;
	text-decoration: underline;
	color: #0C8FCE;
	background: transparent;
	border: 0;
}
.alert{
	border: 1px solid #F30 !important;
}
.zoom{
	display: block;
	width: 5em;
	padding: .3em 15px .3em 0;
	background: url(imag/auxi/auxiIcoVerMapa.gif) no-repeat 100% 3px;
}
#descEstu{
	display: block;
	width: 157px;
	height: 37px;
	margin: 1em auto;
	text-indent: -1000em;
	background: url(imag/boto/botoDescEstu.gif) no-repeat 0 0;
}
#descEstu:hover{
	background-position: -157px 0pt;
}

/*--------------------------------- Clear Fix */
.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .cf{height: 1%;}
/* End hide from IE-mac */
/*--------------------------------- Anchos a % */
.w5{
	width: 5%;
}
.w10{
	width: 10%;
}
.w15{
	width: 15%;
}
.w20{
	width: 20%;
}
.w30{
	width: 30%;
}
.w40{
	width: 40%;
}
.w50{
	width: 50%;
}
.w60{
	width: 60%;
}
.w70{
	width: 70%;
}
.w80{
	width: 80%;
}
.w90{
	width: 90%;
}
.w100{
	width: 100%;
}