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

/* DEFINICIONES GENERALES DE COMPORTAMIENTO */

/* quita el indentado en las listas (FF: padding, IE: margin} */
ul { padding:0; margin:0; list-style:none } 

/* nos aseguramos que IE no agregue espacios extra en los forms */
form { display:inline } 

/* limpia la flotación de los elementos a izquierda y derecha */
.cls { clear:both } 

body {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;background-color:#FFFFFF; color:#000000; font-size:10px; margin:0px}
input { background-color:#FFFFFF; border:1px solid #858680; }

#header {background:url(../img/barra-lopez.gif) no-repeat top right	}

/* las fuentes para los inputs son independientes del resto de los elementos */
select, input { font-family:Arial, Helvetica, sans-serif; font-size:10px }

/* hace la linea superior de los contenedores */
.top_line {background:url(../img/dotted_line.gif) top repeat-x; clear:both} 

/* links del menu superior */
#top_menu a {color:#858680; text-decoration:none; font-size:9px; height:16px; line-height:14px; display:block; float:left}
#top_menu a:hover {color:#333333;}

/* 	imágenes de contacto e idioma en el menú superior 
	reemplazar por las imágenes adecuadas */
#top_contacto{padding:0px 0px 0px 20px; background:url(../img/email-icon.png) no-repeat top left; } 
#top_lang{padding:0px 0px 2px 20px; background:url(../img/language-icon.png) no-repeat top left; }

/* 	migas de pan 
	la imagen es el ícono de la derecha */
#migas {line-height:12px; background:url(../img/dummy_icon.gif) no-repeat right}
#migas a {color:#000000; font-size:10px; text-decoration:none; line-height:10px; background:url(../img/arrow-icon.gif) center left no-repeat; padding-left:12px;}
#migas a:hover {text-decoration:underline}


/*.item_destacado a:hover {background-color:#999999}*/

#footer .fright{padding-left:20px; background:url(../img/secure-icon.gif) center left no-repeat}
/* Estilos de texto y links de elementos generales */
/* definicion general para los links */
a{color:#666666; text-decoration:none} 
/* evita que las imágenes dentro de los links tengan bordes */
a img { border:none } 

/* grises */
.texto_grande {color:#666666; font-size:12px;}
.texto {color:#666666; font-size:10px;}
.texto_chico {color:#666666; font-size:9px;}

.light {color:#858680; font-size:10px}
.light_chico {color:#858680; font-size:9px;}
.lighter_chico{
	color:#666666;
	font-size:9px;
}
/* cyan */
.destacado_grande {color:#00B1CE;  font-size:14px;}
.destacado {
	color:#FFFFFF;
	background-color:#231F20;
	font-size:11px;
	display:block;
	padding:4px 4px 0px;
	margin-bottom:3px;
	font-family: Arial, Helvetica, sans-serif;
}
.destacado_chico {color:#00B1CE;  font-size:10px;}
.destacado_gris {color:#000000; background-color:#EBEBEB; font-size:11px; display:block; padding:4px 4px 0px;}
/* verde */
.verde_chico{color:#a1b40d; font-size:10px;}

.arrow_button{background:url(../img/arrow-yellow-icon.gif) no-repeat left; padding:0px 4px 0px 12px; text-decoration:none; background-color:#FFFF00; color:#000000;}

.arrow_button:hover{background:url(../img/arrow-black-icon.gif) no-repeat left; background-color:#000000; color:#FFFF00}

.boton {background:url(../img/arrow-icon.gif) no-repeat left; padding-left:12px; text-decoration:none;}

/* ajuste en el titulo a la izq. */
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}