/* CSS Document */
* { margin:0; padding:0;}
html{ font-family:Arial, Helvetica, sans-serif;}
body{
	background:url(../img/bg_body.jpg) #369;
	font-size:9pt;
	color:#333;
}
.main {margin:0 auto;width:980px;}
img{ border:0px none; margin:0; padding:0;}

h1{ font-size:30px; color:#f00}
a{ text-decoration:none; color:#036}
a:hover{ text-decoration:none; color:#cff}

.left { float:left}
.clear { clear:both;}
.center { text-align:center}
.w10{ width:10px}
.w250 { width:250px}
.w300{ width:300px}
.w380{ width:380px}
.w390{ width:390px}
.w680{ width:680px}
.w700{ width:700px}
.p5 { padding:5px}
.p10 { padding:10px}

.box_center{ margin-left:auto; margin-right:auto;}


/*************************************************************************************/
/****************************************** header ***********************************/
#header	{ margin-top:20px}
#header .logo { float:left; padding:0 10px}
#header .banner{ float:left; border-bottom:ridge #000000; border-top:ridge #000000}
.marquesina{ font-size:14px; font-weight:bold; font-style:italic;}
/*---------------- menu migas de pan ---------------------*/
.menu_migas{ padding-top:5px; padding-left:10px; text-transform:uppercase; color:#000;}
.migas { color:#c00}
/*************************************************************************************/





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

.bg_color1{ background:url(../img/bg_box.jpg) repeat-x #97cafd}
/*---------------- imagenes ---------------------*/
.margen_imagen { width:100%; float:left; height:5px; margin-top:5px; border-top: dotted 1px #3366FF}

/*---------------- fondo marco -----------------------------*/
.fondo_marco { padding:10px; background:url(../img/bg_box.jpg) repeat-x #97cafd}

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

/*---------------- imagenes ---------------------*/
.margen_imagen { width:100%; float:left; height:5px; overflow:hidden; margin-top:0px; border-top: dotted 1px #cbda8f}
.imagen_galeria { border-bottom:dotted 1px #cbda8f; text-align:center; float:left; margin:5px; padding-bottom:2px}

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

.listado2_fondo{ float:left; margin-top:10px; padding-bottom:5px; border-bottom:solid 2px; height:90px; width:50%}
.listado2_titulo{ font-size:14px; padding:2px 0 3px 0; width:150px;}
.listado2_introduccion{ width:230px;}
.listado2_columna{ width:450px; float:left}
#flashcontent{ float:left}

.listado3_fondo{ float:left; margin-top:10px; padding-bottom:5px; border-bottom:solid 2px; height:80px; width:33%}

.listado_archivo{ font-size:16px; font-style:italic; font-weight:bold; margin:10px; display:block}

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

/*---------------- texto ---------------------*/
.titulo         {font-size:16pt; color:#000;}
.introduccion   {font-size:10pt;margin-bottom:10px;color:#fff;}
.contenido      {color:#333333;}

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

a.menu_horizontal_link { color:#cff; text-decoration:none; font-weight:bold}
a:hover.menu_horizontal_link {color:#036 !important}
/*.menu_horizontal_item:hover {color:#eb2f2d;}*/
/*---------------- formulario contactar ---------------------*/
input { width:250px; margin-bottom:8px}
textarea { width:250px; margin-bottom:15px}
.boton { width:70px; height:25px; background:#CCCCCC; color:#036; margin-left:100px}
/*************************************************************************************/



/*************************************************************************************/
/****************************************** footer ***********************************/
#footer { height: 40px; padding-top:8px; text-align:center; background:#036; border-top: solid 1px #f00; color:#fff}
#footer a{ color:#E8E1C6}
#footer a:hover{ color:#cff}

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