/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:Tahoma;}
body{
	background:#000;
	font-size:9pt;
	color:#ACACAC;
}
.main {margin:0 auto;width:980px;}
img{ border:0px none; margin:0; padding:0;}

h1{ font-size:30px; color:#cecece}
a{ text-decoration:none; color:#cecece}
a:hover{ text-decoration:none; color:#6CD722}

.left { float:left}
.clear { clear:both}
.w10{ width:10px}
.w250 { width:250px}
.w300{ width:300px}
.w380{ width:380px}
.w390{ width:390px}
.w680{ width:680px}
.w700{ width:700px}
.p10 { padding:10px}

.rojo{ color:#CC0000}


/*************************************************************************************/
/****************************************** header ***********************************/
#header	{ margin-top:20px}
#header .logo { float:left;}
#header .banner{ background-color:#000099}
/*---------------- menu migas de pan ---------------------*/
.menu_migas{ padding-top:5px; padding-left:10px; text-transform:uppercase}
.migas { color:#FFFFFF}
/*************************************************************************************/








/*************************************************************************************/
/**************************************** contenido **********************************/
#wrapper { padding:10px 0;}

.bg_color1{ background:#141414}
/*---------------- imagenes ---------------------*/
.margen_imagen { width:100%; float:left; height:5px; margin-top:5px; border-top: dotted 1px #e0ec5f}

/*---------------- fondo marco -----------------------------*/
.fondo_marco { padding:10px; background:#141414}

/*---------------- mostrar destacado -----------------------------*/
.destacado_fondo{}
.destacado_titulo{ font-size:16px; padding:4px 0 6px 0; width:270px}
.destacado_titulo a { color:#e0ec5f}
.destacado_titulo a:hover { color:#6CD722}
.destacado_introduccion{ width:270px;}
.destacado_espacio{ height:15px; overflow:hidden;}

/*---------------- listados -----------------------------*/
.listado_fondo{ margin-top:10px; padding-bottom:5px; border-bottom:solid 2px; height:90px}
.listado_imagen{ float:left; padding-left:10px;}
.listado_texto{ float:left; padding-left:20px;}
.listado_titulo{ font-size:16px; padding:4px 0 6px 0;}
.listado_introduccion{ width:500px;}
.masinfo{ padding-top:10px;}
.masinfo a{ color:#e0ec5f}
.masinfo a:hover{ color:#EBEBEB}

.referencia { color:#FFFFFF;}
.precio { color:#FFFFFF}
/*---------------- paginacion ---------------------*/
.paginacion{ margin-top:10px; text-align:right; padding:10px 20px 10px 20px}
.paginacion a{ color:#e0ec5f}
.paginacion a:hover{ color:#EBEBEB}

/*---------------- texto ---------------------*/
.titulo         {font-size:16pt; color:#cecece;}
.introduccion   {font-size:10pt;margin-bottom:10px;color:#e0ec5f;}
.contenido      {color:#ACACAC;}

/*---------------- menu horizontal ---------------------*/
.menu_horizontal { padding:10px}
.menu_horizontal_item{
	height:25px;
	padding-top:10px;
	padding-left:10px;
	padding-right:25px;
	color:#000;
	font-size:11pt
}
.menu_horizontal_sep{ height:2px; background:#D3D6DB}

a.menu_horizontal_link {color:#ffffff;text-decoration:none;font-weight:bold}
a:hover.menu_horizontal_link {color:#6CD722 !important}
/*.menu_horizontal_item:hover {cursor:pointer;color:#FF0000;}*/
/*---------------- formulario contactar ---------------------*/
input { width:250px; margin-bottom:8px}
textarea { width:250px; margin-bottom:15px}
.boton { width:70px; height:25px; background:#5F574F; color:#e0ec5f; margin-left:100px}

/*---------------- mapa web ---------------------*/
.mapa_box{ float:left; width:220px; margin-top:10px; margin-right:10px}
.mapa_borde{border-right: dashed  1px #CCCCCC}
/*************************************************************************************/




/*************************************************************************************/
/****************************************** footer ***********************************/
#footer { height: 40px; padding-top:8px; text-align:center; background:#141414; color:#ACACAC;
	border-top: solid 1px #6CD722;
}
#footer a{ color:#EBEBEB}
#footer a:hover{ color:#6CD722}

/*************************************************************************************/