/* 
Ultima Actualización: DD/MM/AAAA


Modificado por: Nombre de la persona
 */


/*	-------------------------------------------------------------
	Reset para cross-browsing
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym,address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*	-------------------------------------------------------------
	Estilos globales 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


body {
	background: #0071BC url(img/bg.gif) repeat-x scroll top center;
	font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
	line-height:150%;
	color: #525252;
}
a {
	border: 0;
	color: #ffffff;
	text-decoration:none;
}

h1{
	color:#002E54;
	font-family:"Arial Black";
	font-size:20px;	
	padding-left:50px;
}
h2{
	color:#B3071B;
	font-family:"Arial Black";
	font-size:15px;
}
h3{
	float:left;
	font-size:15px;
	font-family:"Arial Black";	
}
img {
	vertical-align: middle;
}
/*	-------------------------------------------------------------
	Layout General 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#wrapper {
	height:auto;
	margin:0pt auto;
	width:1000px;
}
#header {
	height: auto;
	width: 1000px;
	background-color:#ffffff;
	float:left;
}
#content {
	height: auto;
	width: 1000px;
	clear: both;
	float:left;
	background-color:#FFFFFF;
	}
#footer {
	float:left;
	width: 1000px;
	height: 40px;
	background-image:url(img/bgfooter.jpg);
	color:#ffffff;
	text-align:center;
	padding:75px 0px 0px 0px;
}
/*	-------------------------------------------------------------
	Header 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.logo {
	height:auto;
	padding-left:20px;
	float:left;
	
}
.tagline {
	height:auto;
	padding-right:50px;
	float:right;
	padding-top: 30px;	
}
lang {
	
}
/*	-------------------------------------------------------------
	Content 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.eyecatcher{
	float:left;
	width:1000px;
	height:auto;
}
.maincontent {
	width: 299px;
	height: auto;
	float: left;
	background-image:url(img/plecamain.jpg);
	background-repeat:no-repeat;
	padding:15px ;
}
.title{
	width:250px;
	padding:20px 0px 0px 10px;
}
.linea{
	width:287px;
	padding:10px 5px;
}
.secundarycontent {
	width:640px;
	float: left;
	background-image:url(img/plecasecundary.jpg);
	background-repeat:no-repeat;
	padding:15px ;
}
.productos_home{
	width:300px;
	height:auto;
	float:left;
	padding-left:15px;
}
.tips_home{
	width:310px;
	height:auto;
	float:left;
	padding:0px 0px 10px 15px;
}
.cont_tips{
	width:300px;
	height:auto;
}
.img_tips{
	width:300px;
	height:auto;
	padding:10px 0px 0px 10px;
}
.products_list{
	width:270px;
	height:auto;
	padding:5px 0px 0px 10px;	
	border-bottom: 1px solid #AFAC8E;
	float:left;
	margin-bottom:10px;
}
.img_prod{
	width:100px;
	height:91px;
	background-image:url(img/bgproductos.gif);
	background-repeat:repeat-x;
	float:left;
	margin-right:10px;
}
.title_prod{
	width:150px;
	height: 18px;
	overflow:hidden;
	float:left;

}
.sumary_prod{
	width:150px;
	height:45px;
	overflow:hidden;
	float:left;
	font-size:10px;
	line-height:150%;
	padding-top:10px;
}
.boton a{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B3071B;
	text-decoration:none;
}
.boton{
	float:right;
	padding-right:15px;
}
.empresa_home{
	width:310px;
	height:auto;
	float:left;
	padding-left:15px;	
}
.title_empresa{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B3071B;
	height:35px;
	overflow:hidden;
	padding-bottom:10px;
}
.img_empresa{
	width:75px;
	height:101px;
	padding:5px 10px;
}
.cont_empresa{
	width:180px;
	height:100px;
	font-size:10px;
	line-height:150%;
	float:right;
	overflow:hidden;
	padding:0px 20px 0px 0px;
}
.sucursales_home{
	width:290px;
	height:230px;
	float:left;
}
.content_suc{
	width:290px;
	height:213px;
	background-image:url(img/mapa.jpg);	
	background-repeat:no-repeat;
}
.txt_suc_home{
	width:110px;
	height:auto;
	float:right;
	color:#B3071B;
	font-size:11px;
	font-weight:bold;
	padding:20px;
}
.socios_home{
	width:300px;
	height:auto;
	float:left;	
}
.img_socios{
	width:auto;
	height:auto;
	padding:10px 10px 10px 25px;
	float:left;
}
.img_socios1{
	width:auto;
	height:auto;
	padding:40px 10px;
	float:left;
}
.cont_left{
	width:235px;
	height:auto;
	float:left;
	padding-left:15px;	
}
.cont_center{
	width:470px;
	height:auto;
	float:left;	
	padding:20px;
}
.cont_center a{
	color:#B3071B;
	text-decoration:underline;
	}
.cont_txt_right{
	float:left;
	height:75px;
	padding-bottom:35px;
	padding-left:6px;
	width:110px;
}
.cont_right{
	width:118px;
	height:365px;
	padding:30px 10px 0px 80px; 
	float:left;	
	background-image:url(img/plecaderecha.jpg);
	background-repeat:no-repeat;	
}
.cont_right a{
	color:#525252;
}
.image_prod{
	width:219px;
	height:auto;
	margin:10px;
}
.img_contenedor{
	width:219px;
	height:148px;
	float:left;
	padding:10px 0px;
	float:left;
}
.imprimir{
	background-image:url(img/plecaroja.jpg);
	width:200px;
	height:74px;
	margin:15px;
	padding-left:7px;
	float:left;
}
.txt_imp a{
	width:180px;
	height:auto;
	background-image:url(img/impresion.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	margin-top:15px;
	float:left;
	text-decoration:none;
	color:#ffffff;
	font-size:9px;
	
}
.txt_env a{
	width:180px;
	height:auto;
	background-image:url(img/enviar.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 18px;
	margin-top:10px;
	float:left;
	text-decoration:none;
	color:#ffffff;
	font-size:9px;	
}
.title_int{
	width:1000px;
	height:auto;
	border-top: 10px solid #FFD300;
	padding-top:30px;
	float:left;
}
.title_int_eng{
	width:1000px;
	height:auto;
	float:left;
}
.breadcrumbs{
	width:auto;
	height:15px;
	padding: 0px 50px;
	float:left;
	margin: 15px 0px 20px 0px;
	background-image:url(img/bgtitle.jpg);
	background-repeat:repeat-x;
	color:#ffffff;	
}

.breadcrumbs a:hover{
	color: #FAC800;
}

/*	-------------------------------------------------------------
	Menu 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.aline_center{
	text-align:center;
	width:194px;
}
.top_link{
	text-align:left;
	width:194px;	
}
/* style the outer div to give it width */
.menu{
	width:1000px;
	height:58px;
	float:left;
	padding:20px 0px 0px 0px;
	font:"Arial Black"
}	

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:58px; }

/* style the sub-level lists */
.menu ul ul {width:194px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:58px;line-height:58px; display:block; z-index:1000; width:194px; margin-left:5px;  }

/* style the sub level list items */
.menu ul ul li {display:block;width:auto; height:auto; line-height:1em;width:194px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:58px; font-size:12px;text-decoration:none; color:#ffffff; font:Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 0px 0px 0px; width:194px; background-image:url(img/bgmenu.jpg); background-repeat:no-repeat;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:194px; }

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:url(img/bgsubmenu.gif);background-repeat:repeat; color:#999999;width:160px;height:100%;line-height:1.5em; padding:0.5em 1em; border-bottom:1px solid #999999;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:auto; w\idth:160px;}
/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background-color:#ffffff; color:#B3071B;width:160px;height:100%;line-height:1.5em; padding:0.3em 1em; border-bottom:1px solid #999999;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:auto; w\idth:160px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:999;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ffffff ; z-index:1000;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background-color:#FFF;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:url(img/bgsubmenuover.png);background-repeat:repeat;}
/* style the sub level 1 background */
.menu ul :visited a.sub1 {background:url(img/bgsubmenuover.png);background-repeat:repeat;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:url(img/bgsubmenuover.png);background-repeat:repeat;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#fff; position:relative; z-index:1000;}
.menu li:hover {position:relative;}
.menu :hover > a {	color:#fff;	background-image:url(img/bgmenu.jpg); background-repeat:no-repeat;}
/* second */
.menu ul li :hover > a { background: none; } 
* html .menu ul ul a:hover{color:#fff;background:#B3071B; position:relative; z-index:1100;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#fff;background-color:#B3071B;}
/* third */
* html .menu ul ul ul a:hover {background-color:#B3071B; position:relative; z-index:1200;}
.menu ul ul ul :hover > a {background:#B3071B;background-repeat:repeat-x;}
/* fourth */
.menu ul ul ul ul a:hover {background-color:#B3071B; position:relative; z-index:1300;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:58px; left:0; width:auto;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:auto;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 0em 3em;  left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:131px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}	
	
	
/*	-------------------------------------------------------------
	Submenu 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/*	-------------------------------------------------------------
	Galleria 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.link_rojo_mediano {
	font-size: 9px;
}