@charset "UTF-8";
/* CSS Document */

body {
	background:#E8E8E8;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, dl {
	padding: 0;
	margin: 0;
}

ol {
	padding-left: 10px;
	margin-left: 35px;
	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
	}

a img { s surrounded by a link */
	border: none;
}

a:link {
	color: #E58447;
	text-decoration: underline; 
}
a:visited {
	color: #E58447;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
	width: 1024px;
	/*background: #FFF;*/
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ Inicia header ~~ */
.header {
	margin-top:0px;
	background: #fff;
	width:1024;
	height:280px;
	display:block;	
	/*position:fixed;	
	z-index:5;*/	
}

.portalogo {
	background:#296290;
	height:40px;
	width:1024px;
	padding-top:10px;
	display:block;

}

.logo {
	background: url(img/logo.png) no-repeat;
	width:236px;
	height:28px;
	margin-left:32px;	
}

.mainphoto {
	background: url(img/foto1.png) no-repeat;
	height:200px;
	
	display:block;

}

.mascara { background:url(img/gris.png) no-repeat;
display:block;
position:absolute;
width:1024px;
height:200px;
}


	

.sesion{
	background: url(img/sesion.png) no-repeat;
	margin-left:32px;
	height:73px;
	width:237px;
	display:block;
	position:absolute;	
	top: 177px; 
	padding-top:10px; 	
	 
	color:#666; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;	
	line-height:17px;
}

.materia {
	width:600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:40px;
	text-align:right;
	line-height:40px; margin-right:32px;
	margin-top:60px;	 
	color:#333; 
	float:right; text-shadow:#FFF 0px 3px 3px;
	}

/* ~~ termina header ~~ */

/* ~~ Content ~~ */
.content {
  background: #FFF; 
  width:1024px;
  display:block;
  position: absolute;	
  /*z-index:1;
  margin-top:270px;*/
}

.contenido { width:960px;
margin:20px;  
}

.columna1{ width:800px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;
text-align:justify; 
float:left;


}

.columna2{width:125px; 
float:right;
}

.botonera {
	width:125px;
	height:31px;
	background:url(img/botonera.png) no-repeat center;
	display:block;	
	position:fixed;		
}

.btn1 a, .btn1 a:hover, .btn1select a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:none;
text-decoration:none;
color:#fff; 
margin-left:14px;
margin-top:9px;
float:left;
position:absolute;
display:block;
}



.btn2 a, .btn2 a:hover, .btn2select a{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:none;
text-decoration:none;
color:#fff; 
margin-left:68px;
margin-top:9px;
float:left;
position:absolute;
display:block;
}

.btn3 a, .btn3 a:hover, .btn3select a{font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-style:none;
text-decoration:none;
color:#fff; 
background: #296290;
text-align:center;
border-radius: 10px;
padding:10px;
}


.aviso {background: #296290;
width:97.5%;

	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#ffffff;
padding:10px;
text-align:justify;
border-radius: 10px;
}



.nota {background: #E8E8E8;
width:90%;
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666;
padding:10px;
text-align:justify;
margin-left:30px;
/*border-top: outset #296290 10px;*/
border-radius: 10px;

}

.cuadro {
	width:70%;
	margin-left:100px;	
padding:10px;
font-family:Arial, Helvetica, sans-serif; 
text-align:center; 
font-size:12px; 
color:#005A90;
border:dashed #005A90 thin;
border-radius:10px;

}

ul { padding:0px;
margin:0px;}

.me li { padding-left:5px;
list-style-image:url(img/li.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;     
color:#E58447;
text-align: justify;	     
padding-top:5px;
line-height:18px;
text-decoration:none;
margin-left:30px;
}

/* ~~ The footer ~~ */
.footer {
	margin-top:20px;
	height:10px;	
	background: #296290;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.theme-default #slider {
    margin:0 auto 0 auto;
    width:618px; /* Make sure your images are the same size */
    height:246px; /* Make sure your images are the same size */
}
.theme-pascal.slider-wrapper,
.theme-orman.slider-wrapper {
    margin-top:150px;
}

table {
	color: #7F7F7F;
	font-size:12px;	
	border-collapse: collapse;
	
}

table,caption {
	margin: 0 auto;
	/*border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;*/	
}

caption,th,td {
	border-left: 0;
	padding: 10px;
	
}

caption,thead th,tfoot th,tfoot td {
	background:url(tabla/superior.png) repeat-x;
	color: #FFF;
	font-weight: 700;
	text-transform:none;
		
}

.topizq {
	background: url(tabla/1_si.png) no-repeat;
	width:27px;
	height:37px;
	float:left;	
}
.topder {
	background: url(tabla/2_sd.png) no-repeat;
	width:27px;
	height:37px;
	float: right;	
}

thead th {
	background-color:#E58447;
	color: #CCC;
	text-align: center;
	
}


tbody th {
	padding: 5px 5px
}

tbody tr.gris{
	background-color: #F7F7F7;
	color: #666;
}

/*POP UP*/
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 270px; background: #ffffff; z-index:6;} 

/*esto es para el pop up con lightbox*/
.fadebox {
	display: none;
	position: absolute;
	top: 0px;;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=80);
}

.overbox2 {
	display: none;
	position: absolute;
	top: 5%;
	left: 25%;
	width: 50%;
	height: 100%;
	z-index:1002;
	overflow: auto;
}


.overbox {
	display: none;
	position: absolute;
	top: 45%;
	left: 35%;
	width: 30%;
	height: 50%;
	z-index:1002;
	overflow: auto;
}
#contento {
	background: #FFFFFF;
	/*border: solid 3px #CCCCCC;*/
	padding: 10px;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.cerrar {
	background: #2A478D;
	padding: 5px 15px 5px 15px;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size:14px;
color:#FFF;

}

/*termina pop up con lightbox*/