html, body {
	border:0;
	padding: 0;
	margin: 0;
	height: 100%;
}

#web {
	padding-top:0px;
}

#contenedor {
	margin: 0 auto;
	width: 1000px;
	position:relative;
	min-height:600px;
	border:1px solid #EEE;


}


#contenido{  
	text-align:center;

}
#navegacion{
	width: 190px;
	float: left;
	text-align:center;
	margin-top: 375px;
	
}

#navegacion ul{
	width: 190px;
	margin: 0 0px;
	padding:0px 0 0px 0;
	text-align:left;
	background:#fff;	
	

}

#navegacion ul li{
	font: bold 11px/15px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	color: #444;
	list-style: none;
	background: none;
	padding: 0;
	width:170px;
	margin-left:0px;
	
}
#navegacion ul li a{
	color: #808080;
	font-weight:bold;
	background-color:#fff;
	display: block;
	height: 20px;
	padding: 5px 0 0 5px;
	text-decoration: none;
	border-bottom:2px dotted #0a94d6;
}

#navegacion ul li a:hover{
	color: #4bace0;
	background-color:#fff;
}

#navegacion img{
	margin-left:3px;
}

#header{
	height:161px;
	width:1000px;
	background:url(../imagenes/top.jpg);
} 

#header_2{
	height:190px;
	width:1000px;
	background:url(../imagenes/top.jpg);
}  
 
#pie{
	font-size:12px;
	color:#666;
	clear:left;
	height:20px;
	text-align:right;
	margin-right:10px;
	font-weight:normal;


}
#pie a{
	font-size:12px;
	color:#1E90FF;
	clear:left;
	text-decoration:none;
	font-weight:normal;	
}

#superior2{
	margin:0px;
	height: 500px;
}

#superior2 #sizquierda {
	width: 438px;
	height: 524px;
	margin: 0px;
	padding:0px;
	border:16px solid #e6e6e6;
	float:left;
}
#superior2 #sizquierda img {
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#superior2 #sizquierda h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 22px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#superior2 #sizquierda p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #0C1013;
	margin: 0px;
	height:70px;
	line-height:25px;

}
#superior2 #sizquierda a {
	text-decoration: none;
	cursor:hand;
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #0C1013;
}
#superior2 #sizquierda a:hover  {
font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: underline;
	color: #0C1013;
}
#superior2 #sderecha {
	width: 289px;
	height: 557px;
	margin: 0px;
	padding:0px;
	float: left;
	}
	
	
#iizquierda {
	height: auto;
	width: 305px;
	float: left;
}
#iizquierda h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	margin-top: 0px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 6px;
}
#iizquierda p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	height:90px;
	margin-left: 6px;
	margin-right: 4px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	margin-top: 5px;	
	border-bottom:1px solid #ccc;
}
#iizquierda p strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;

}
#iizquierda a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
#iizquierda a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#0099FF;
	text-decoration: underline;
}
#iderecha {
	width: 305px;
	height: auto;
	margin-top: 0px;
	margin-left: 307px;
	padding-top: 0px;
	padding-right: 5px;	
	border-bottom:1px solid #ccc;
}
#iderecha h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 5px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}
#iderecha p {
	margin-top: 8px;
	margin-bottom: 2px;	
	padding: 5px;	
}
#inferior #iderecha p strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
}

#iderecha a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#iderecha a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
}
#iderecha li {
	margin-top: 8px;
	list-style-type: circle;
	margin-right: 4px;
	width:220px;
	height:40px;
	float:right;	
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
	line-height:15px;
	height:auto;
	text-decoration:none;
	padding:5px;
}
#web #contenedor #contenido #superior2 #sizquierda #maquetado p strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration:none;
	font-weight:bold;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
	font-weight:bold;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado p u{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fe7400;
	text-decoration: underline;
	font-weight:normal;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado p em{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight:normal;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}

#web #contenedor #contenido #superior2 #sizquierda #maquetado h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}
#web #contenedor #contenido #superior2 #sizquierda #maquetado h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}
#links{
	width:auto;
	height:auto;
	margin-top:10px;
	margin-left:10px;	
	margin-bottom:10px;	
	text-align:center;
	color:#000000;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;		
	text-decoration:none;

}
#links a{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
	color:#0a94d5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;		
	text-decoration:none;
	font-weight:bold;
}
#links a:hover{
	padding-top:0px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;		
	text-decoration:none;
	font-weight:bold;
}	
/*********************************** forms *****************************************/
fieldset {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	text-align:left;
	padding:10px;
	margin:0;
	border:none;	

	}
fieldset p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#222;
	width:373px;
	text-align:right;
	line-height:30px;
	}	
#videoconferencia {
margin-left:30px;
padding-top:30px;

	}		

label { font-weight: normal; }
fieldset label a{
color:#be1238;
text-decoration:underline;

}

fieldset input, select {
  width:150px;
}

fieldset input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../imagenes/inputBg.gif) top left no-repeat;
  margin-top:0px;
}
fieldset select {
  background:#ffffff url(../imagenes/inputBg.gif) top left no-repeat;
  width:74px;
  }

fieldset input.checkbox {
  width:15px;
  background:none;
  border:0;
}

fieldset input.radio_button {
	width:15px;
	background:none;
	margin-left: 0;
	border: none;
}

fieldset input.small, select.small {
  width:50px;
}

fieldset input.large, select.large {
  width:200px;
}

fieldset input.extra_large, select.extra_large {
  width:300px;
}

fieldset input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

fieldset input:active, textarea:active, select:active {
  border:1px solid #888888;
}

fieldset input.submit {
  color:#ffffff;
  background-color:#0a94d6;
}

fieldset input.submit:hover {
  
  cursor: pointer;
}

fieldset textarea {
  width:300px;
  height: 110px;
}

fieldset textarea.deep {
  height:450px;
}

fieldset textarea.shallow {
  height:50px;
}
legend {
  font-weight:bold;
  font-size: 22px; 
  letter-spacing: -1px;
  color:#0a94d6;
}
/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 3px;
	font-size:11px;
	position:absolute;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}



ul#horizontal {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#horizontal li {
	padding:0;
	float:left;
	width:120px
	}
ul#horizontal li a {
	display:block;
	width:120px;
	height:31px;
	text-decoration:none;
	}
ul#horizontal li a:hover {
	background-position:bottom;
	}
	
	
ul#horizontal li a span {
	display:none;
	}
#inicio {
	background-image:url(../imagenes/inicio.gif);
	}
	
#inicio_2 {
	background-image:url(../imagenes/inicio_2.gif);
	}	
#nove {
	background-image:url(../imagenes/novedades.jpg);
	}

#nove_2 {
	background-image:url(../imagenes/novedades_2.jpg);
	}

#articulos {
	background-image:url(../imagenes/articulos.jpg);
	}
	
#articulos_2 {
	background-image:url(../imagenes/articulos_2.jpg);
	}
	
		
#recursos1 {
	background-image:url(../imagenes/recursos.jpg);
	}
	
#recursos_2 {
	background-image:url(../imagenes/recursos_2.jpg);
	}
	
#cursos {
	background-image:url(../imagenes/cursos.jpg);
	}
	
#cursos_2 {
	background-image:url(../imagenes/cursos_2.jpg);
	}	
					
#contacto {
	background-image:url(../imagenes/contacto.jpg);
	}
	
#contacto_2 {
	background-image:url(../imagenes/contacto_2.jpg);
	}	

#contenedor #contenido #superior2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: underline;
	line-height:15px;
	height:auto;
	text-decoration:none;
	padding:5px;
}
#contenedor #contenido #superior2 p strong{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	text-decoration:none;
	font-weight:bold;
}

#contenedor #contenido #superior2 p a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0a94d5;
	text-decoration: underline;
	font-weight:bold;
}

#contenedor #contenido #superior2 p u{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fe7400;
	text-decoration: underline;
	font-weight:normal;
}

#contenedor #contenido #superior2 p em{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight:normal;
}

#contenedor #contenido #superior2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}

#contenedor #contenido #superior2 h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}

#contenedor #contenido #superior2 h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}
#contenedor #contenido #superior2 h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:5px;
}
