/* CSS Document */
/* Hoja de estilos para www.anfora.net */

body, td{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
  	font-size: 0.8em;
  	/*voice-family: "\"}\""; 
	voice-family:inherit;*/
	height: 100%;
	background-color:#FFFFFF;
	min-width:970px; /*** This is needed for moz. Otherwise, the header and footer will
	slide off the left side of the page if the screen width is narrower than the design.
	Not seen by IE. Left Col + Right Col + Center Col + Both Inner Borders + Both Outer Borders ***/
}
td{
	min-width:0px; 
  	font-size: 1em;
}
br {
	clear: both;
}
.clear{
	clear:both;
	/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/
	height:1px;
	/*overflow:hidden;*/
	overflow:visible;
	line-height:1%;
	font-size:0%;
	margin-bottom:-1px;
}
input{
	width:110px;
}

acronym {
	border-bottom: 1px dotted;
}
a img{
	border: 0;
}
a{
	text-decoration: none;
	color: #000000;
}
a:link{
	color: #000000;
}
a:visited{
	color: #000000;
}
a:hover{
	text-decoration: underline;
}
acronym, abbr {
	cursor: help;
}
kbd {
	line-height: 2em;
	border-top: .15em solid #CCC;
	border-right: .25em solid #AAA;
	border-bottom: .3em solid #888;
	border-left: .2em solid #BBB;
	padding: 0 .2em;
	background: #EEE;
	vertical-align: text-bottom;
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
}
.checkboxes{
	width:20px;
	border:none;
}
.ayuda-acces{
	position: absolute;
	left: -1000px;
	width: 1px;
	font-size:1%; 
	line-height:1%;
}
#web_marco {
	margin-left:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:auto; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:990px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	font-size: 100%;
	clear:both;
	background-color:#E2EBE9;
}
#web {
	margin-left:10px; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	margin-right:10px; /*** Mozilla/Opera/Mac IE 5.x alignment of page ***/
	width:970px; /*** Needed for Moz/Opera to keep page from sliding to left side of
	page when it calculates auto margins above. Can't use min-width. Note that putting
	width in #fullheightcontainer shows it to IE and causes problems, so IE needs a hack
	to remove this width. Left Col + Right Col + Center Col + Both Inner Border + Both Outer Borders ***/
	text-align:left; /*** IE Win re-alignment of page if page is centered ***/
	position:relative; /*** Needed for IE, othewise header and footer aren't contained
	directly above and below the body ***/
	height:100%;/*** Needed for Moz to give full height design if page content is too small to fill the page ***/
	font-size: 100%;
}
/* clearfix */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.espacio35{
	float:left;
	height:35px;
	width:100%;
}
#idiomas{
	float:left;
	width:960px;
	padding-right:10px;
	height:16px;
	padding-top:4px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	background-color:#f2f4f5;
	color:#333333;
}
#idiomas li{
	list-style: none;
	display: inline;
}
#idiomas a{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration: none;
}
#idiomas a:hover{
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration: underline;
}
.idioma_sel{
	color: #64857e;
	text-decoration:underline;
}
#cabecera{
	float:left;
	width:970px;
	height:80px;
	background-color:#FFFFFF;
}
#cabecera_logo{
	float:left;
	width:285px;
	height:46px;
	padding-top:14px;
	text-align:center;
}
#cabecera_imagen{
	float:left;
	width:685px;
	height:80px;
}
#cabecera_imagen{
	width:685px;
}
#zona_menu{
	float:left;
	width:970px;
	height:80px;
	background-color:#64857e;
}
.menu,.menu2{
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #EFEFEF;
	width:970px;
	height:30px;
}
.menu li,.menu2 li{
	display:inline;
	text-align:center;
	height:20px;
	text-transform:uppercase;
	float:left;
}
.menu li{
	width:120px;
}
.menu2 li{
	width:137px;
}
.menu a,.menu2 a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #FFFFFF;
	text-decoration: none;
}
.menu a:hover,.menu2 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.menu_sel{
	color: #FFFFFF;
	font-size:90%;
	font-weight:bold;
	text-decoration: underline;
}
.menu_bajo_blanco{
	float:left;
	height:1px;
	width:970px;
	background-color:#FFFFFF;
}
.menu_bajo_gris{
	float:left;
	height:2px;
	width:970px;
	background-color:#e5e7e8;
}
#contenido{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:930px;
	background-color:#FFFFFF;
}
#izq{
	float:left;
	width:245px;
	padding-right:19px;
	border-right:1px dashed #CCCCCC;
}
#izq_posicion{
	float:left;
	width:245px;
	padding-top:10px;
	height:20px;
	background-color:#f2f4f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	font-weight:bold;
	color: #64857e;
	text-decoration: none;
}
.izq_submenu{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #EFEFEF;
	width:245px;
}
.izq_submenu li{
	float:left;
	height:16px;
	padding-top:4px;
	list-style-image:url(../images/icono_submenu.gif);
	list-style-position:inside;
	border-bottom:1px dashed #CCCCCC;
	width:245px;
}
.izq_submenu li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #333333;
	text-decoration: none;
}
.izq_submenu li a:hover{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
}
.submenu_sel{
	color:#64857e;
}
.izq_banners{
	float:left;
	width:245px;
}
#der{
	float:left;
	width:625px;
	padding-right:20px;
	padding-left:20px;
}
#der_titular{
	float:left;
	width:645px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #64857e;
	font-weight:bold;
}
.descargas_titu{
	float:left;
	width:645px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:30px;
	font-size:230%;
	color: #64857e;
	font-weight:bold;
	text-align:center;
}
#der_texto,#der_volver{
	float:left;
	width:645px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
	color: #333333;
	line-height:17px;
}
#der a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #64857e;
	font-style:italic;
	text-decoration:underline;
}
#der a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	font-style:italic;
	text-decoration:none;
}
.der_descargas{
	float:left;
	width:322px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	line-height:17px;
}
.der_descargas a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
}
.der_descargas a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #64857e;
}
.foto_home_izq{
	float:left;
	width:400px;
}
.foto_home_der{
	float:left;
	width:245px;
}
.foto_home_der_imagen{
	float:left;
	width:245px;
}
.foto_home_der_imagen img{
	width:245px;
}
.foto_home_der_texto{
	float:left;
	width:245px;
}
.feria_linea{
	float:left;
	width:645px;
}
.feria_icono{
	float:left;
	width:20px;
}
.feria_titu{
	float:left;
	width:615px;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	font-style:italic;
	font-weight:bold;
}
.feria_izq{
	float:left;
	width:145px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
}
.feria_der{
	float:left;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
}
.curso_tit{
	float:left;
	width:645px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	color: #333333;
	font-weight:bold;
	padding-bottom:10px;
}
.curso_des{
	float:left;
	width:645px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
}
.curso_des a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #64857e;
}
.curso_des a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
}
#pie{
	float:left;
	padding-left:20px;
	padding-right:20px;
	width:930px;
	height:60px;
	background-color:#f2f4f5;
}
#pie_izq{
	float:left;
	width:750px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #333333;
	line-height:18px;
}
#pie_der{
	float:left;
	width:180px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #333333;
	text-align:right;
	line-height:18px;
}
#pie_der a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	text-decoration:underline;
}
#pie_der a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	text-decoration:none;
}
.espacio20{
	float:left;
	width:100%;
	height:20px;
}
.espacio10{
	float:left;
	width:100%;
	height:10px;
}
.foto_texto{
	width:100%;
	text-align:center;
}
.raya_punteada_gris{
	float:left;
	height:1px;
	width:100%;
	border-bottom:1px dashed #CCCCCC;
}