@charset "iso-8859-1";
@font-face {
 font-family: cabezadeserie;
 src: url("cabezadeserie.eot") ;
}
@font-face {
 font-family: cabezadeserie;
 src: url("cabezadeserie.ttf") ;
}
html, body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	padding: 0;
	margin: 0;
	height: 100%;
	color:#FFF;
	background: #000;
	line-height:22px;
	
}
img { border: 0; }

#layout-cds{
	position:absolute;
	z-index:80;
	height: 454px;
	width:400px;
	background:url(../images/back-cds.png) no-repeat right top;
	}
#logo-cds{
	position:absolute;
	margin-left: 52px;
	margin-top: 37px;
	z-index:81;
	
	}
#iso-cds{
	position:absolute;
	margin-top: 60px;
	z-index:81;
	margin-left:-200px;
	
	}

#layout-menu{
	position:fixed;
	z-index:90;
	padding: 0;
	margin: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:0px;
	}	

#menu {
	font-size:16px;
	position: absolute;
	margin-top:110px;
	margin-left:385px;
	z-index:90;
	min-width:120px;
	
}
.submenu {
	font-size:16px;
	position: absolute;
	margin-top:110px;
	margin-left:385px;
	z-index:46;
	min-width:120px;

}
#menu ul, .submenu ul {
margin:0px;
padding:0px;
list-style:none;

}
#menu li, .submenu li {
text-decoration:none;
height:24px;
color:#cce0ee;
}
#menu li a, .submenu li a{
color:#cce0ee;
text-decoration:none;
}
#menu li a:hover, .submenu li a:hover{
color:#fff;
text-decoration:none;
}

#btn_menu {
	display:block;
	position: absolute;
	margin-top:10px;
	margin-left:-210px;
	z-index:90;
	height:160px;
	width:250px;
	
}
#btn_menu a{
	display:block;
	height:160px;
	width:250px;
	
}
#btn_menu a:hover{
	display:block;
	height:160px;
	width:250px;
	
}
#idiomas {
	position:absolute;
	margin-top:200px;
	margin-left:54px;
	font-size:12px;
	color:#5c9bcb;
	z-index:100;
}
#idiomas a{
	
	color:#cce0ee;
	text-decoration:none;
}
#idiomas a:hover{
	color:#fff;
	text-decoration:none;
}

#layout-pag{
	position:absolute;

	padding: 0;
	margin: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:100%;
	min-width:998px;
	
	/*background: url(../images/test.jpg);*/
	
	}	
	.movMenu, .movCont{
		padding-left:14px;
	}


#bg-pag{
position:fixed;
height: 4000px;
width:4000px;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-o-transform: rotate(45deg); /* Opera */
-moz-transform: rotate(45deg); /* Firefox */
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
top:-600px;
margin-left:-500px;
margin-top:-1330px\0/;
margin-left:-800px\0/;
z-index:79;

}
#layout-menu-bg{
	background: #000;
	position:fixed;
	padding: 0;
	margin: 0;
	height: 2000px;
	width:255px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari and Chrome */
	-o-transform: rotate(45deg); /* Opera */
	-moz-transform: rotate(45deg); /* Firefox */
	filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
	top:-400px;
	left:-139px;
	margin-left:-470px\0/;
	z-index:89;
	
	}

.bg-estudio{
background: url(../images/bg-estudio.png) #0d1317;
}
.bg-vacaciones{
background: url(../images/vacaciones.jpg);
}

.bg-load{
background: url(../images/bg-load.gif) #0d1317;
}
.bg-black{	
	background:#000;
	
}

.contenidos{	
	display:block; 
	position:relative; 
	float:left ; 
	width:100%; 
	min-width:998px;
	min-height:500px;  
	/*z-index:89;*/
	overflow:hidden;
	
	
}
.contIn{	
	position:relative; 
	float:left; 
	min-height:500px;  
	/*z-index:89;*/
	/*background: url(../images/test.png);*/
	left:860px;
	width:5625px;
}

.pagina{	
	position:relative; 
	float:left; 
	min-height:500px;  
	z-index:45;
	width:1875px;
}
.head{	
	width:100%;
	height:175px;
}
.bloqueMeta{	
	font-size:4px;
	position:relative; 
	float:right; 
	width:570px;
	color:#000;
}
.bloqueParrafo{	
	position:relative; 
	float:left; 
	margin-left:380px;
	width:570px;
	background:#000;
	padding:20px;
	color:#FFF;
	margin-bottom:20px;
}
.bloqueParrafo a{	
	font-size:10px;
	text-decoration:none;
	color:#e79b1f;
}
.bloqueParrafo a:hover{	
	text-decoration:underline;
	color:#fff;
}
.portfolio{	
	position:relative; 
	float:left; 
	margin-left:380px;
	width:620px;
	margin-top:50px;
	margin-bottom:50px;
}
.categs{	
	position:absolute; 
	left:-220px;
	top:252px;
	width:140px;
	z-index:88;
	color:#cce0ee;
	font-size:12px;
	line-height:14px;
	height:200px;
}


.foto{	
	position:relative; 
	clear:left;
	float:left; 
	margin-left:220px;
	width:100px;
	height:100px;
	border:20px solid #000;
	
}
.portfolioT{
	position:relative; 
	float:left; 
	width:50%;
	height:120px;
}
.thumb {	
	display:block;
	position:relative; 
	float:left; 
	margin-bottom:5px;
	width:250px;
	height:60px;
	border:20px solid #000;	
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor:pointer;
}
.thumbH{	
	position:relative; 
	float:left; 
	margin-bottom:5px;
	width:250px;
	height:60px;
	border:20px solid #061c2d;	
	filter: none;
    -webkit-filter: grayscale(0);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	cursor:pointer;
}

/*.detThumb{	
	position:relative;
	float:left;
	color:#cce0ee;
	font-size:11px;
	line-height:16px;
	margin-right:20px;
	margin-left:20px;
	
}*/

.detEstudio{	
	position:relative; 
	float:left; 
	margin-left:20px;
	width:570px;
	/*background:#000;*/
	color:#FFF;
	
}
.titEstudio {
	font-family: cabezadeserie;
	font-size:19px;
	border-top:1px solid #2f6b98;
	border-bottom:1px solid #2f6b98;
	padding:8px 20px 10px 20px;
	width:570px;
	color: #429adc;
}
.cargoEstudio {
	font-family: Verdana, Geneva, sans-serif;
	float:right;
	font-size:13px;
	color:#e79b1f;
	padding-top:1px;
}
.txtEstudio {
	border-bottom:1px solid #2f6b98;
	padding:10px 20px 10px 20px;
	width:570px;
	color:#a3c2d8;
}
.icEstudio {
	margin-top:5px;
	padding:10px 20px 10px 20px;
	width:600px;
	
}
.ic-prog a{
	display:block;
	float:left;
	height: 28px;
	margin-right:12px;
	border:0;
	filter: alpha(opacity=40);
	opacity:0.4;
	
}
.ic-prog a:hover{
	display:block;
	height: 28px;
	filter: none;
	opacity:1;
}
.detServicios{	
margin-top:10px;
	position:relative; 
	clear:both;
	float:left; 
	margin-left:380px;
	width:570px;
	/*background:#000;*/
	color:#FFF;
	
}
.titServicios {
	font-family: cabezadeserie;
	font-size:19px;
	border-top:1px solid #2f6b98;
	padding:8px 20px 0px 20px;
	width:570px;
	color: #429adc;
}
.txtServicios{
	padding:0px 20px 10px 20px;
	width:570px;
	color:#a3c2d8;
}
.naranja{
	color:#e79b1f;
}
.celeste{
	color:#cce0ee;
}
.gris{
	color:#a8b5be;
}
.activado{
	background:url(../images/bullet.png) no-repeat 0px 6px;
}


.checkbox {
	width: 19px;
	height: 25px;
	padding-left: 5px;
	background: url(../images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	cursor:pointer;
}


input.styled { display: none;} 

.disabled { opacity: 0.5; filter: alpha(opacity=50); }

#tit1 {

	float:left;
	font-family: cabezadeserie, Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#2f6b98;
	background: url(../images/checkbox.png) no-repeat;
	background-position: 0 0 ;
	padding-left: 24px;
	cursor:pointer;
	width:120px;
}

#tit2 {

	float:left;
	font-family: cabezadeserie, Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#2f6b98;
	background: url(../images/checkbox.png) no-repeat;
	background-position: 0 -50px ;
	padding-left: 24px;
	cursor:pointer;
	width:120px;
}
.col {

	display:none;
	
	
}
.exp {
	width:100%;
	clear:both;
	display:block;
	height:25px;
	margin-bottom:2px;
}
.formBot {
	font-family: cabezadeserie, Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #cce0ee;
	background-color: #306b97;
	border: 1px solid #143f64;
	padding-bottom:3px;
	padding-top:3px;
	cursor:pointer;
	
}
.formBotHover {
	font-family: cabezadeserie, Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #000000;
	background-color: #6e98b7;
	border: 1px solid #143f64;
	padding-bottom:3px;
	padding-top:3px;
	cursor:pointer;
	
}
.botNav{float:left; width:190px; margin-bottom:20px;}
.botIcono{
 float:left;
 margin-right:10px;	
 cursor:pointer;
	}
.portCont{
clear:left;
float:left;
width:570px; 
margin-top:10px; 
margin-bottom:10px;
border:20px solid #000;	
height:auto;
}
.mins{
	position:absolute;
	margin:20px;
	top:480px;
	left:20px;
	width:270px;
	
}
.portMin{	
	position:relative; 
	clear:left;
	float:left; 
	width:270px;
	height:auto;
	border:20px solid #000;
	margin-top:20px;
	
}
#tooltip {
position: absolute;
z-index: 3000;
border: 10px solid #061c2d;
background-color: #000;
opacity: 0.9;
} 
#tooltip h3,  #tooltip div { 
margin:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
	color:#fff; 
	font-weight:normal;
	}
.colForm{
float:left; width:270px; margin-top:5px;
}
.colForm2{
float:right; width:270px; margin-top:5px;
}
.colForm3{
float:left; width:100%; margin-top:5px;
}
.inputForm, .required{
	border:1px solid #2f6b98;
	width:100%;
	height:14px;
	background-color:#c7e0eb;
	padding:5px;
	margin-bottom:5px;
	
}
.notFilled {
    border:1px solid #e79b1f;
	/*background-color:#f1e4cf;*/
	background: url(../images/bg-form.png);
}
#msgForm {
	clear:both;
    float:left;
	margin-left:20px;
	color:#e79b1f;
	visibility:hidden;
	height:1px;
}
#sm{
	position:fixed;
	top:5px;
	right:0;
	z-index: 3000;
}
.sm-icon{
	position:relative;
	float:left;
	margin-right:5px;
}