@charset "UTF-8";

/* -------------------------------------------------------------- 
   * Resets default browser CSS.   
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:collapse; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
table,td,th { vertical-align:middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }

/* self-clear floats */
.group:after {	content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .group { /* IE6 */ height: 1%;}
*:first-child+html .group { /* IE7 */ min-height: 1px;}

/* PNG fix */
* html #selector { /* for IE<6 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent;}



/* ------------------------------------------------------------ */

/* G L O B A L E S */

/* ETIQUETAS */

body {
	margin: 0px;
	padding: 0px;
	font: 13px Helvetica, Arial, sans-serif;
	color: #000000;
}
a {
	text-decoration: underline;
	color: #2A5FAB;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
ul,ol, li, p {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 14px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
h1 {
	font-size: 48px;
	line-height: 46px;
	font-weight: bold;
	color: #2A5FAB;
	margin-top: 45px;
	margin-bottom: 20px;
	letter-spacing: -0.01em;
}
h2 {
	font-size: 26px;
	line-height: 32px;
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 25px;
	letter-spacing: 0.01em;
}
h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	padding: 0px;
	margin: 0px 0px 7px;
}
h4 {
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2A5FAB;
	margin: 0px;
}
.titulo-azul {
	font-size: 24px;
	line-height: 28px;
	color: #2A5FAB;
	font-weight: bold;
	margin-bottom:10px !important;
}


/* MENU */

#contenedor_menu {
	background: #000000;
	margin: 0px;
	padding: 0px;
}
#menu {
	margin: 0px auto;
	padding: 0px 10px;
	width: 935px;
	height: 35px;
	color: #FFFFFF;
}
#secciones {
	float: left;
	font-size: 13px;
	letter-spacing: 0.05em;
	margin-top: 10px;
}
#menu a {
	color: #FFFFFF;
	text-decoration: none;
}
#menu  a:hover {
	color: #2A5FAB;
	text-decoration: none;
}
#secciones  li {
	float: left;
	list-style: none;
	margin-right: 15px;
}
#idiomas {
	float: right;
	font-size: 10px;
	letter-spacing: 0.05em;
	margin-top: 12px;
}
#idiomas   li {
	float: left;
	list-style: none;
	margin-left: 10px;
}

/* CABECERA INTERIOR */

#contenedor_cabecera_interior {
	background: #D9EAF6 url(../images/fondo_cabecera_interior.jpg) repeat-x;
	margin: 0px;
	border-bottom: 1px solid #4094D0;
	padding: 0px;
}
#cabecera_interior {
	margin: 0px auto;
	width: 935px;
	padding: 0px 10px;
	height: 79px;
	overflow: hidden;
}
#logo_interior {
	float: left;
	height: 54px;
	width: 118px;
	margin-top: 10px;
}
#titulo_seccion {
	float: right;
	font-size: 32px;
	font-weight: bold;
	color: #2A5FAB;
	margin-top: 27px;
}

/* FOOTER */

#contenedor_footer {
	margin: 60px 0px 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}
#footer {
	margin: 0px auto;
	padding: 0px 10px;
	width: 935px;
	height: 52px;
}
#footer_arriba {
	text-align: center;
	padding-top: 9px;
}
#footer_abajo {
	text-align: center;
	padding-top: 4px;
}

#footer_abajo a,#footer_arriba a{
	color:#000;
	text-decoration:none;
}
#footer_abajo a:hover,#footer_arriba a:hover{
	text-decoration:underline;
}

/* ------------------------------------------------------------ */

/* H O M E */

/* CABECERA */

#contenedor_cabecera {
	background: #D9EAF6 url(../images/fondo_cabecera.jpg) repeat-x;
	background-position:bottom;
	margin: 0px;
	border-bottom: 1px solid #4094D0;
	padding: 0 0 20px;
}
#cabecera {
	margin: 0px auto;
	width: 935px;
	padding: 0px 10px;
	height: 470px;
	overflow: hidden;
}
#cabecera_izquierda {
	float: left;
	width: 340px;
}
#cabecera_derecha {
	float: right;
	width: 595px;
}
#logo {
	padding-top: 30px;
}
#entra {
	font-size: 12px;
	margin-top: 8px;
}
#ilustracion {
	margin-right: auto;
	margin-left: auto;
	width: 381px;
	margin-top: 40px;
}
#texto_cabecera {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	width: 465px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
}

/* CONTENIDOS */

#contenidos {
	margin: 45px auto 0px;
	width: 935px;
	padding: 0px 10px;
	overflow: hidden;
}
#contenidos_izquierda {
	width: 680px;
	float: left;
	border-right: 1px solid #CCCCCC;
	padding-right: 20px;
}
#contenidos_derecha {
	float: right;
	width: 214px;
	margin-left: 20px;
}

/* conceptos */

#conceptos {
	margin: 0px;
	padding: 0px;
}
#conceptos_arriba {
	overflow: hidden;
}
.conceptos_siguientes {
	margin-top: 35px;
	overflow: hidden;
}
.concepto_izquierda {
	width: 330px;
	float: left;
}
.concepto_derecha {
	width: 330px;
	float: right;
}
.concepto_icono {
	float: left;
	width: 80px;
}
.concepto_texto {
	float: right;
	width: 250px;
}

/* link tour */

#link_tour {
	margin-top: 50px;
}
#link_tour_texto {
	font-size: 16px;
	line-height: 22px;
	text-align: center;
}
#link_tour_boton  {
	margin: 16px auto 0px;
	width: 320px;
}

/* link canal */

#link_canal {
	margin: 0px;
}
#mapa {	
	height: 158px;
	margin-top: 12px;
	width: 212px;
}

/* news */

#news {
	margin: 45px 0px 0px;
}
.post {
	margin: 12px 0px;
}
.post_texto {
	font-size: 13px;
	line-height: 17px;
	color:#2A5FAB;
}
.post_fecha {
	font-size: 12px;
	line-height: 17px;
}

/* ------------------------------------------------------------ */

/* T O U R */

/* Video Tutoriales */

#videotutoriales {
	margin: 0px;
	padding: 0px;
}

/* Visor */

#visor_videotutoriales {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/* informacion visor */

#visor_videotutoriales_info {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 221px;
}
#visor_videotutoriales_intro {
	font-size: 18px;
	line-height: 22px;
	margin-top: 15px;
}
#visor_videotutoriales_play {
	background: url(../images/videotutoriales_bocadillo.png) no-repeat;
	height: 193px;
	width: 175px;
	margin-top: 32px;
	padding-top: 28px;
	padding-right: 23px;
	padding-left: 23px;
}
#visor_videotutoriales_ahora {
	font-size: 13px;
	text-transform: uppercase;
	color: #B8E368;
	letter-spacing: 0.05em;
}
#visor_videotutoriales_titulo {
	font-size: 20px;
	line-height: 25px;
	color: #FFFFFF;
	margin-top: 10px;
	letter-spacing: 0.02em;
}

/* pantalla visor */

#visor_videotutoriales_pantalla {
	margin: 0px;
	padding: 32px 48px 47px 31px;
	float: right;
	background: url(../images/pantalla.png);
	height: 350px;
	width: 580px;
}

/* Galeria */

#galeria_videotutoriales {
	margin: 0px;
	padding: 0px;
}
#videotutoriales_titulo {
	font-size: 12px;
	text-transform: uppercase;
	height: 21px;
	width: 175px;
	background: #E5E9D6;
	color: #7E9134;
	letter-spacing: 0.05em;
	text-align: center;
	padding-top: 9px;
	border-radius-topleft:10px;
	border-radius-topright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-radius-topleft:10px;
	-webkit-border-radius-topright:10px;
}
#videotutoriales_cajon {
	background: #E5E9D6;
	padding-top: 27px;
	padding-left: 44px;
	overflow: hidden;
	
	border-radius-topright:10px;
	border-radius-bottomleft:10px;
	border-radius-bottomright:10px;
	
	-moz-border-radius-topright:10px;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	
	-webkit-border-radius-topright:10px;
	-webkit-border-radius-bottomleft:10px;
	-webkit-border-radius-bottomright:10px;
}
.videotutoriales_video {
	float: left;
	width: 182px;
	padding-right: 79px;
	padding-left: 36px;
	padding-bottom: 27px;
}
.videotutoriales_video img  {
	border: 1px solid #666666;
	margin-bottom: 8px;
}
.videotutoriales_video a {
	font-size: 15px;
	line-height: 26px;
	color: #7E9134;
}
.videotutoriales_video a:hover {
	color: #666666;
	text-decoration: underline;
}
.titulo_videotutorial {
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}
.duracion_videotutorial {
	font-size: 11px;
	line-height: 22px;
}

/* Conceptos */

#conceptos_tour {
	margin: 50px 0px 0px;
	padding: 0px;
}
.concepto_tour_caja {
	padding-top: 15px;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 35px;
	overflow: hidden;
}
.concepto_tour_caja:first-child {
	padding-top: 0;
	border-top: none;
}
.concepto_foto_izq {
	float: left;
	width: 430px;
	/*width: 300px;*/
}
.concepto_foto_der {
	float: right;
	width: 430px;
	/*width: 300px;*/
}
.concepto_texto_izq {
	float: left;
	width: 430px;
	/*width: 595px;*/
}
.concepto_texto_der {
	float: right;
	width: 430px;
	/*width: 595px;*/
}
.concepto_tour_titulo {
	font-size: 24px;
	line-height: 28px;
	color: #2A5FAB;
	font-weight: bold;
}
#conceptos_tour  p {
	font-size: 15px;
	line-height: 22px;
	margin-top: 8px;
}

/* Table features */
table#table-features {width:100%;margin:20px 0 10px 0;}
table#table-features col.td-1{width:80%;}
table#table-features col.td-2{width:10%;}
table#table-features col.td-3{width:10%;}
table#table-features tr.tr-section td{padding:5px 0 2px 0;color:#2A5FAB;background-color:#C6E0F1;border-bottom:none;font-weight: bold; text-transform: uppercase}
table#table-features td{border-bottom: 1px solid rgba(198,224,241,.2);}
table#table-features tr:nth-child(even){background-color:rgba(198,224,241,.2)}
table#table-features th{font-weight: bold; text-transform: uppercase;}
table#table-features p{margin:5px 5px 5px 10px;font-size: 12px;line-height: 1.3em; text-align: center;}
table#table-features tr td.ok {background:url(../images/icon_table_ok.png) no-repeat center}
table#table-features tr td.ok p{visibility: hidden;}
table#table-features tr td:first-child p{text-align: left;background: none;}
table#table-features tr td.td-unchecked {background: none;}

/* Table requeriments */
table#table-requeriments {width:75%;margin:20px 0 10px 0;}
table#table-requeriments col.td-1{width:40%;}
table#table-requeriments col.td-2{width:60%;}
table#table-requeriments tr.tr-section td{padding:5px 0 2px 0;color:#2A5FAB;background-color:#C6E0F1;border-bottom:none;font-weight: bold; text-transform: uppercase}
table#table-requeriments td{border-bottom: 1px solid rgb(198,224,241);}
table#table-requeriments tr:last-child td{border-bottom: none;}
table#table-requeriments th{font-weight: bold; text-transform: uppercase;}
table#table-requeriments p{margin:8px 0 8px 0;font-size: 12px;line-height: 1.3em; }
table#table-requeriments tr td.ok {background:url(../images/icon_table_ok.png) no-repeat center}
table#table-requeriments tr td.ok p{visibility: hidden;}
table#table-requeriments tr td:first-child p{text-align: left;background: none;}
table#table-requeriments tr td.td-unchecked {background: none;}

/* ------------------------------------------------------------ */


