@import url('body.css');
@import url('content.css');


/*LINKS*/
a { color: #800; text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }
h1 { font-size: 22px; font-weight: lighter; text-decoration: none; }

/*LOGO*/
.logo{ width:226px; height:60px; float:left; margin-top: 20px; }

/*ESTRUCTURA*/
#container { width: 1000px; margin-right: auto; margin-left: auto; text-align: left; }
#top { float: left; width: 1000px; height: 138px; }
#top_data { float: left; width: 1000px; height: 97px; background-image: url(../img/telefono.gif); background-repeat: no-repeat; background-position: right center; }
#top_nav{ float: left; width: 1000px; height: 41px; background-image: url(../img/back2.png); background-repeat: no-repeat; background-position: top; }
#flash { float: left; width: 1000px; height: 246px; background-image: url(../img/back3.png); background-repeat: no-repeat; background-position: top; }
#center { float: left; width: 1000px; background-color: #FFF; background-image: url(../img/back5.png); background-repeat: repeat-y; background-position: top; }
#footer { float: left; width: 990px; height: 40px; padding-top: 15px; padding-left: 10px; }
#center_top { float: left; width: 1000px; background-image: url(../img/back4.png); background-repeat: no-repeat; height: 5px; }
#center_content { float: left; width: 980px; padding-left: 10px; padding-bottom: 10px; padding-top: 8px; }
#center_footer { float: left; width: 1000px; background-image: url(../img/back6.png); background-repeat: no-repeat; height: 4px; background-position: bottom; }
#columna1 { float: left; width: 255px; margin-left: 10px; }
#columna2 { float: left; width: 976px; }
#columna3 {
	float: left;
	width: 650px;
	margin-left: 15px;
}
#columna4 { float: right; width: 255px; margin-left: 1px; background-image: url(../img/footer_columna.gif); background-repeat: no-repeat; background-position: left bottom; }
.columna4_top{ background-image: url(../img/top_columna.gif); background-repeat: no-repeat; background-position: top; height: 47px; width: 255px; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none; line-height: 35px; text-indent: 10px; }
.columna4_content{
	float: left;
	width: 250px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}


/*BOX*/
.box_principal{ float: left; width: 976px; }
.box_top{ background-image: url(../img/box1.png); background-repeat: no-repeat; background-position: top; float: left; height: 8px; width: 976px; }
.box_center{ background-image: url(../img/box2.png); background-repeat: repeat-y; background-position: left top; float: left; width: 951px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; }
.box_footer{ background-image: url(../img/box3.png); background-repeat: no-repeat; background-position: bottom; float: left; height: 35px; width: 976px; }
.box_top_titulo{ float: left; height: 30px; width: 250px; margin-left: 20px; margin-top: 12px; }
.box_top_vermas{ float: right; height: 30px; width: 142px; margin-right: 5px; margin-top: 12px; }
.box_footer_nav{ float: left; height: 30px; width: 300px; margin-left: 20px; }
.box_top_titulo h1{ font-size: 22px; font-weight: lighter; text-decoration: none; color:#FFF; margin: 0px; padding: 0px; }
.box_productos{ float: left; height: 180px; width: 300px; margin-bottom: 15px; margin-right: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; padding-bottom: 15px; }
.box_pro_imagen{
	float: left;
	width: 120px;
	height: 70px;
}
.box_pro_imagen img{ border: 1px solid #C6C6C6; padding: 2px; margin: 0; }

/*ESTILOS DE LAS CAJAS DE PRODUCTOS*/
.box_pro_data{ float: right; width: 170px; }
.box_pro_data h2 { font-size: 15px; color: #06C; text-decoration: none; margin: 0px; padding: 0px; }
.box_pro_data a { color: #09F; text-decoration: none; }
.box_pro_data a:hover { text-decoration: none; color: #900; }

/*MENU*/
#navbar {
	width:700px;
	height:36px;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
}
#navbar .inbar { display:block; height:36px; }
#navbar ul, #navbar ul li { border:0px; margin:0px; padding:0px; list-style:none; height:36px; line-height:36px; }
#navbar ul { }
#navbar ul li { float:left; display:block; line-height:36px; }
#navbar ul li a { color:#FFF; text-decoration:none; font-weight:bold; display:block; cursor: hand; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }
#navbar ul li a span { padding:0 20px 0 0; height:36px; line-height:30px; display:block; margin-left:20px; }
#navbar ul li a:hover { background:url(../img/nav/ahover-bg.png) left top no-repeat; height:36px; line-height:30px; }
#navbar ul li a:hover span { background:url(../img/nav/spanhover-bg.png) right top no-repeat; height:36px; line-height:30px; color: #790100; }


/**/
/*CSS Youtube style pagination*/
div.pagination { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:right; padding-top: 8px; padding-right: 30px; padding-bottom: 4px; padding-left: 0; }
div.pagination a { font-weight:bold; color:#39F; text-decoration:underline; padding:1px 3px 1px 3px; margin:0 1px 0 1px; }
div.pagination a:hover, div.youtube a:active { }
div.pagination span.current { padding:1px 2px 1px 2px; color:#4B4B4B; background-color:#fff; }
div.pagination span.disabled { display:none; }

/*IDIOMAS*/
.idiomas { float: right; height: 20px; width: 120px; text-align: right; margin-right: 10px; margin-top: 10px; }
.idiomas img { float: right; margin-right:5px  }

.fondo_ {
	background-color: #d5d6d8;
	background-image: url(imgs/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.forms {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B9C9CE;
	border-right-color: #EBEFF2;
	border-bottom-color: #FFFFFF;
	border-left-color: #B9C9CE;
}
.boton {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2983CB;
	border: solid;
}

.tx_1 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.tx_2 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.tx_2:hover {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
.tx_3 {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #00A400;
	text-decoration: none;
}
.tx_3:hover {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #00A400;
	}

.fondo_base {
	background-image: url(imgs/back_down.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 116px;
}
.fondo_central {
	background-image: url(imgs/back_medio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 116px;
	background-color: #333333;
}
.ampliar {	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
.borde2 {	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #F1F0EF;
	border-right-color: #F1F0EF;
	border-bottom-color: #F1F0EF;
	border-left-color: #F1F0EF;
}
.espacio {	padding: 4px;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.info {	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}
.style1 {
	font-family: Tahoma, Arial; 
	font-size: 11px; color: #FF5221; 
	text-decoration: none; 
	font-weight: bold; 
	}
.tables_datos {
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
}
.tex_tahoma10_carrito {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.tables_carrito {
	border: 2px solid #E6E6E6;
	background-color: #FFFFFF;
}
.tex_tahoma11_gris {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.calendario_n {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #2D3B45;
	background-color: #DFE6E9;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.calendario_ndest {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.calendario_ndest:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #157BBB;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.tabla_1_titulo {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #157BBB;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
}
.tabla_1_cont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #2D3B45;
	text-decoration: none;
	background-color: #DFE5E8;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
}
.txt_small {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #2D3B45;
	text-decoration: none;
}
.txt_small:hover {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #AD0F0F;
	text-decoration: none;
}
.tit  {
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	background-color: #157BBB;
	font-weight: bold;
}
.fs	{
	font-family: Tahoma, Arial;
	font-size: 11px;
	background-color:	#ff0000;
	color:	#FFFFFF;
	font-weight: bold;
	text-align:	center;
	}
.da	{
	font-family: Tahoma, Arial;
	font-size: 11px;
	background-color: #F0E68C;
	color:	#FFFFFF;
	font-weight: bold;
	text-align:	center;
	}
.altn  {
	font-family : verdana,arial,helvetica;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666666;
}
.tfvHighlight
    {
	font-family: Tahoma;
	font-size: 12px;
	color: #F166AD;
	font-weight: bold;
}
.tfvNormal
    {
	font-family: Tahoma;
	font-size: 12px;
	color: black;
}
.boxgrisBordes{
	background:#f0f0d3;
	color:#5f6061;
	border:#2A2A2A 1px solid;
	border-bottom:#000000 2px solid;
	border-right:#000000 2px solid;
	padding:4px;
	margin:4px;
}
.tx_2_grande {
	font-family: Tahoma, Arial;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}