/* email me if you use this I would love a donation if this is used for a commercial work email me rashard@gmail.com*/


body {
	margin: 0px 0;
	padding: 0;
	background: #dF9B36;
	color: #048FCA;
	line-height: 17px;
	background-image: url(img/bg_body.gif);
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color:#048FCA;
	font-family: Helvetica, Arial, sans-serif;
	font-size: smaller;
}

p {
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:17px;
text-align:left;
padding-left:15px;
}

.p_der{
display:block;
width:350px;
float:right;
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:17px;
text-align:left;
padding-left:15px;
}
img{
border:none;
}

li{
	margin-left:5px;


}

img a:visited{
border:none;
}

#contenedor {
	width: 950px;
	background-color:#FFFFFF;
	color: #808080;
	margin: 0 auto;
	padding: 0;

	}
#top {
	
	background: url(images/logo.gif) no-repeat;
	padding: 0;
	margin: 0;
	height: 80px;
	background-attachment: scroll;
	background-position: left;
}
#title {
  position: relative;
/*  z-index: 3;*/
  /*top: 5px;*/
/*  left: 130px;*/
	float: left;
  padding-top: 5px;
  padding-left: 35px;
/*  text-align: right;*/
}

#title h1
{
	font: normal small-caps 900 30px Helvetica,Arial,sans-serif;
}

#title h2{
background-image: url(images/h2title.gif);
	
}



#top .topright { 
	float: right;
	padding: 20px 25px 0 0;
	font-size: 1em;
}

#top img { 
	border: none; 
}


#header { 
	margin: 0 auto; 
	height: 210px; 
	width: 950px;
	


	 
}


#header .headings {	
	padding: 25px 0 0 30px; 
}

#header h1 {
	font: 29px small-caps Helvetica,sans-serif  ;
	color: #000;
	font-weight: bold;
	margin: 0;
	padding: 0 130px;
}

#header h2 {
	font: 16px Helvetica,Arial,sans-serif small-caps ;
	background-image: none;
	color: #000;
	margin: 0;
	padding: 2px 0 0 180px;
}


#menu{
height:26px;
background-repeat:repeat-x;
width:950px;
font-size:12px;
font-family:Arial,Verdana,Helvitica,sans-serif;
background-repeat:repeat-x;

}




#main { 
	background: inherit;  
	width: 800px; 
	margin: 0 ;
	padding-top: 20px; 
	color: #808080; 
}  

#main .right {
	float: right;
	padding: 0px 4px 10px; 

	margin: 0;
	width: 180px;
	background: White;
}

#main .right .hitems { 
	margin: 0; 	
	padding: 0; 
}

#main .right .hitems ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	color: #333333;
}
	
#main .right .hitems li { 
	margin: 0 0 2px 20px;
	padding: 0 0 0 0px;
	color: #555;
}

#main .left {
	float: left;
	width: 575px;
	padding: 0px 15px 0 15px;
	
}



#main h3 {  
	font: 14px Helvetica,Arial,sans-serif;
	margin: 2px 0 10px 20px; 
	padding: 0 20px; 
	color: #999; 
	background: url(images/h3.gif) no-repeat; 
}

#main .box  {	
	background: #efefef; 
	padding: 5px; 
	border: 1px solid #ccc;
}

#main .right ul { 
	margin: 5px 0 5px 0; 
	padding : 0; 
	list-style : none; 
	border-bottom: 0px solid #eee; 
	list-style-type: square;
	color: #a90000;
}
	
#main .right li { 
	margin: 0 0 2px 2px;
	padding: 0 0 0 0px;
	color: #555555;
	list-style : none; 
}

#main .right  .text {
	margin: 0 0 20px 2px;
	padding: 0 0 0 0px;
	color: #808080;
}

.img_left {
	padding: 0 0px 0px 0;
	margin: 12px;
	float: left;
	border: 1px solid #3A3A3A;
}

.img_right {
	border: 1px solid #3A3A3A;
	padding: 0 0 0px 00px;
	float: right;
	margin: 12px;
}


input,
textarea {
	padding: 1px 3px;
	margin: 5px 0;
	font: 1em Helvetica,Arial,sans-serif;
	color: #666666;
	background-color: #F1E3D3;
	border: 1px solid #895519;
}


input {
  width: 67%;
}

textarea {
  width: 93%;
  /*
     
  scrollbar-3dlight-color : #F1E3D3;
  scrollbar-arrow-color : #895519;
  scrollbar-darkshadow-color : #F1E3D3;
  scrollbar-face-color : #F1E3D3;
  scrollbar-highlight-color : #895519;
  scrollbar-shadow-color : #895519;
  scrollbar-track-color : #F1E3D3; */    
  }



input:hover,
input:focus,
textarea:hover,
textarea:focus {
	color: #666666;
	background-color: #ECFCFF;
}

#highlight {
	float: left;
	width: 250px;
	background-color: #F5DEC5;
	border: 1px solid #B5600D;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 8px;
}



a {
	color: #4fb6e5;
	text-decoration:none;
	
}

p a {
	text-decoration:none;
}

a:hover { 
	color: #0067A4;
	text-decoration:none; 
}

h1 { 
	padding-left:10px; 
	margin:0; 
	color: #4fb6e5; 
	font: bold 14px Helvetica,Arial,sans-serif; 
}

h1 a { 
	color: #4fb6e5;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	padding-left:10px; 
	margin:0; 
	color: #4fb6e5; 
	font: bold 12px Helvetica,Arial,sans-serif; 
}
}

h2 a { 
   text-decoration:none;
	color: #31694E; 
}

h2 a:hover { 
	text-decoration:none;
	color: #4e92e6; 
	text-decoration:none; 
 }

#derecha {
height:auto;
width:200px;
background-color:#3D5699;
float:right;
 }
 
#contenedor_2 {
width:950px;
float:left;
padding: 0;
background-image:url(../img/bg_contenedor2.gif);
background-repeat:repeat-y;
margin:0 auto;
 }
 
#contenido {
width:700px;
min-height:550px;
*min-height:650px;
float:left;
margin:auto;
padding: 15px 15px 15px 25px;
background-image:url(../img/bg_est.gif);
background-position:top-left;
background-repeat:no-repeat;
background-color:#ffffff;
 }
 
 
#contenido_index {
width:700px;
min-height:550px;
*min-height:650px;
float:left;
margin:auto;
padding: 15px 15px 15px 25px;
background-color:#ffffff;
 }
 
#contenido-pop-up {
	width:400px;
	height:240px;
	padding: 15px 15px 15px 25px;
	background-image:url(../img/bg_est.gif);
	background-position:top-left;
	background-repeat:no-repeat;
	background-color:#ffffff;
 }
 
 
#contenido_logos {
width:700px;
min-height:550px;
*min-height:650px;
float:left;
margin:auto;
padding: 15px 15px 15px 25px;
background-position:top-left;
background-repeat:no-repeat;
background-color:#ffffff;
 }
 
 
#contenido_foto {
	width:700px;
	min-height:550px;

*min-height:650px;
	float:left;
	margin:auto;
	padding: 15px 5px 15px 25px;
	background-image:url(../img/bg_est.gif);
	background-position:top-left;
	background-repeat:no-repeat;
	background-color:#ffffff;
 }
 
 #contenido_foto ul{
    *position:relative;
	*right:40px;
	list-style:none;
	width: 710px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
 }
 
   #contenido_foto ul li{
 list-style:none;
 }
  #contenido_foto img{
margin:3px;
 }
 

 
.auspiciadores{
display:block;
width:150px;
height:50px;
background-color:#F6FBFE;
float:left;
margin:10px 14px 10px 14px;
 }
 
 .auspiciadores_b{
display:block;
width:120px;
height:50px;
background-color:#F6FBFE;
float:left;
margin:10px 14px 10px 14px;
 }
 
 .auspiciadores2{
display:block;
width:150px;
height:50px;
background-color:#F6FBFE;
float:left;
margin:10px 14px 10px 0px;
 }
 
#flash{
background-color:#ffffff;
margin:10px;


}

#footer{
clear:both;
float:left;
width:720px;
height:100px;
padding-left:30px;
background-image:url(../img/bg_footer.gif);
}

#footer p{
display:block;
text-align:center;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
width:720px;
height:100px;
padding-left:30px;

}
.boton1 a{
text-indent:-9999px;
display:block;
width:205px;
height:65px;
background-color:#F6FBFE;
float:left;
margin:70px 10px 10px 10px;
background-image:url(../img/boton1.jpg);
 }
 
.boton1 a:hover{
background-image:url(../img/boton1a.jpg);

 }
 
 .boton2 a{
text-indent:-9999px;
display:block;
width:205px;
height:65px;
background-color:#F6FBFE;
float:left;
margin:70px 10px 10px 10px;
background-image:url(../img/boton2.jpg);
 }
 
.boton2 a:hover{
background-image:url(../img/boton2a.jpg);
 }
 
.boton3 a{
text-indent:-9999px;
display:block;
width:205px;
height:65px;
background-color:#F6FBFE;
float:left;
margin:70px 10px 10px 10px;
background-image:url(../img/boton3.jpg);
 }
 
.boton3 a:hover{
background-image:url(../img/boton3a.jpg);
 }


 
 
 

#carousel {
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;

}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	margin:0;

}
.textholder {
	text-align: left;
	font-size: 14px;
	color:#666666;
	padding: 15px;
	line-height:18px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

.destacado{
font-size:15px;
font-weight:bold;
color:#0067A4;

}

.siguiente{
display:block;
text-align:right;
font-size:14px;
font-weight:bold;
color:#0067A4;
}

.recuadro{
display:block;
font-size:14px;
padding:3px 3px 3px 25px;
background-color:#D8F0FF;
color:#0067A4;
text-decoration:inherit;

}

.recuadro_mes{
display:block;
font-size:15px;
font-weight:bold;
color:#0067A4;
padding:3px 3px 3px 15px;
background-color:#D8F0FF;

}

.recuadro_nombre{
display:block;
font-size:12px;
font-weight:bold;
color:#0067A4;
padding:1px 1px 1px 15px;
background-color:#C4E8FF;
border-left: solid #98D7FF 1px;
border-right: solid #98D7FF 1px;
}

.recuadro_postgrado{
display:block;
font-size:11px;
color:#0067A4;
padding:1px 1px 1px 15px;
background-color:#DDF2FF;
border-left: solid #98D7FF 1px;
border-right: solid #98D7FF 1px;
}

.recuadro_postgrado2{
display:block;
font-size:11px;
color:#0067A4;
padding:1px 1px 1px 15px;
background-color:#DDF2FF;
border-left: solid #98D7FF 1px;
border-right: solid #98D7FF 1px;
border-BOTTOM: solid #98D7FF 1px;
margin-bottom:10px;
}
.recuadro_us{
display:block;
font-size:10px;
color:#0067A4;
padding:1px 1px 1px 15px;
background-color:#EEF8FF;
border-left: solid #98D7FF 1px;
border-right: solid #98D7FF 1px;
border-bottom: solid #98D7FF 1px;
margin-bottom:10px;
}
.recuadro_ano{
display:block;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:1px 1px 1px 15px;
background-color:#98D7FF;
}

.recuadro_parrafo{
display:block;
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:17px;
text-align:left;
padding:5px 0 5px 15px;
background-color:#EDEDED;
margin-bottom:10px;
margin-top:2px;

}

.parrafo_foto{
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:17px;
text-align:left;
padding-left:15px;
}

.parrafo_foto img{
float:right;
margin:10px;
}

.parrafo_foto2{
font:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
line-height:17px;
text-align:left;
padding-left:15px;
}

.parrafo_foto2 img{
float:left;
margin: 10px 10px 5px 0;
}

/*LISTA DF*/

.recuadro_nombre_df{
display:block;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:1px 1px 1px 15px;
background-color:#959595;
border-left: solid #959595 1px;
border-right: solid #959595 1px;
}

.recuadro_postgrado_df{
display:block;
font-size:11px;
color:#ffffff;
padding:1px 1px 1px 15px;
background-color:#BFBFBF;
border-left: solid #959595 1px;
border-right: solid #959595 1px;
}

.recuadro_fecha_df{
display:block;
font-size:10px;
color:#8E8E8E;
padding:1px 1px 1px 15px;
background-color:#EFEFEF;
border-left: solid #959595 1px;
border-right: solid #959595 1px;
border-bottom: solid #959595 1px;
margin-bottom:10px;
}


.nombre_df{
font-size:15px;
font-weight:bold;
color:#0067A4;

}

.descripcion_df{
font-size:12px;
font-weight:bold;
color:#6F6F6F;

}

/********Formulario*********/

#formulario{
float:left;
margin:0;

}

.cajaformulario{ 
	width:300px;
	font: 12px Arial, Helvetica, sans-serif;
	min-height:15px;
	background-color:#FFFFFF;
	color: #6F6F6F;
	margin-top: 5px ;
	padding:4px 4px ;
	border:solid #D0ECFF 1px;
	float:left;
 } 
 


.botonformulario{ 
	width:70px;
	font: 12px Arial, Helvetica, sans-serif;
	min-height:20px;
	color: #2884C0;
	padding:2px;
	background-color: #D0ECFF;
	border:solid #3899D8 1px;
	float:right;
	margin-right:2px;
	*margin-right:0;
	cursor:pointer;
 }  
			 
.campos_formulario	 {
	float:left;
	font: 8px Arial, Helvetica, sans-serif;
	color:#8C8C8C;
	font-size:12px;
	text-align:left;
 }  
	 
.campo_comentario	 {
float:left;
font: 8px Arial, Helvetica, sans-serif;
color:#8C8C8C;
font-size:12px;
text-align:left;
padding-bottom:65px;
*padding-bottom:50px;


     }  
input:focus, textarea:focus{
color:#666666;

border:solid #59BDFE 1px;
}

#gracias{
display:block;
width:200px;
height:23%;
font: 12px Arial, Helvetica, sans-serif;
color: #6F6F6F;
font-weight:bold;
text-align:center;
background-color:#FFFFFF;
border:solid #D0ECFF 1px;
margin:0 auto;
margin-top:150px;
padding:10px;
    }
	
.botonaceptar{ 
   width:70px;
  font: 12px Arial, Helvetica, sans-serif;
  min-height:20px;
            color: #2884C0;
			padding:2px;
            background-color: #D0ECFF;
			border:solid #3899D8 1px;
			margin-right:2px;
			*margin-right:0px;
			cursor:pointer;
			padding-left:20px;
			padding-right:20px;

             }  
			 
#planilla{
width:700px;
background-color:#F3F3F3;
        }  
		
#planilla2{
width:700px;
background-color:#E9E9E9;
padding:20px 0 0 0;
        }  
		
		#planilla3{
width:700px;
background-color:#F3F3F3;
padding:20px 0 0 0;
        }  
		
.numero_planilla{
padding-right:20px;
text-align:right;
font-size:12px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
    } 
	
	
.buscar{
width:85px;
height:28px;
padding-left:180px;
padding-top:10px;
    } 
	
#aqui{
width:70px;
height:70px;
position:relative;
left:280px;
*left:290px;
bottom:120px;
*bottom:110px;
    } 
	
	
	#aqui2{
width:70px;
height:70px;
position:relative;
left:160px;
*left:150px;
bottom:50px;
    }
	
.titulos-tabla {
	background-image:url(../img/bg-tabla.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:2px 5px 5px 10px;
}
   
.descrip-tabla1 {
	height:20px;
	background-color:#E2E2E2;
	background-repeat:repeat-x;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px 5px 5px 10px;
}
   
.descrip-tabla1 a{
color:#006699;
 font-weight:bold;
   }
   
.descrip-tabla1 a:hover{
color:#FF6600;
   }
   
   
.descrip-tabla2 {
	height:20px;
	background-color:#F3F3F3;
	background-repeat:repeat-x;
	color:#444444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px 5px 5px 10px;

}
   
.descrip-tabla2 a{
	color:#006699;
	font-weight:bold;
}
   
.descrip-tabla2 a:hover{
color:#FF6600;
}

#tmf{
margin:0;
width:700px;
height:500px;
background-image:url(../img/header-verify.gif);
text-align:center;
color:#666666;

}


#tmf p{
padding-top:200px;
margin:auto;
width:400px;
color:#333333;
font-size:12px;

}

#tmf h1{
color:#333333;
font-size:18px;
font-weight:bold;

}

.verify a{
margin:auto;
padding-top:5px;
display: block;
background-color:#1963AD;
width:100px;
height:25px;
position:relative;
top:30px;
color:#FFFFFF;
font-size:13px;
text-align:center;
}

.verify a:hover{
border: 2px #0066CC;
background-color:#16255C;

}