/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 12px/1.4 Helvetica, sans-serif; /*background: #112d3e url('../img/pat2.gif') repeat-x fixed center;*/ background:#cb394e url('../img/bg-main6.jpg') repeat-x fixed center top; line-height:100% }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

a{text-decoration:none;color: #3d3d3d;}
a img{border:none;}

.clear {
clear:both;
}

#banner_home
{
clear:both;
float:left;
margin:0;
padding:0;
background:none repeat scroll 0 0 #FFEBEF;
}

#banner_home a img
{
float:left;
}


#page-wrap { 
    width: 960px; 
	margin: 0px auto 0px; 
	background:#ddd;
	overflow: hidden;
	box-shadow: 3px 28px 17px #000000;
}

#main-content { 
    clear:both;
	overflow: hidden;
	height: auto;
}

#guts { 
    clear:both;
	height: auto;
}

#catalogo-content { 
padding:20px;
display:inline;
float:left;
}

#catalogo-foto { 
padding:0px;
display:inline;
float:left;
}

#catalogo-secciones { 
padding-left:50px;
display:inline;
float:left;
}

#secciones { 
display:inline;
float:left;
padding:10px 10px 10px 20px;
width:100px;
}

.seccion { 
list-style-type:none;
}

#catalogo-seccionesB { 
padding-left:20px;
padding-top:10px;
display:inline;
float:left;
}

#catalogo-comprar { 
display:inline;
float:right;
background:#c0bfbf;
height:100%;
}

#laempresa-foto { 
padding-right:20px;
display:inline;
float:left;
}

.lista { 
display:block;
padding:10px;
float:left;
background:#eee;
margin-bottom: 5px;
width:95%;
}


.bloque-texto { 
display:inline;
padding:10px;
float:left;
width:35%;
}

.catalogoflash { 
display:inline;
float:right;
height:500px;
}

.cufon-loading .catalogo-seccion a 
{ /* for Cufon.replace('h1') */ visibility: hidden !important; }

.catalogo-seccion { 
list-style-type:none;
font-size:16px;
}


.catalogo-seccionB { 
list-style-type:none;
font-size:16px;
}

.separador {
background: url('../img/separador.gif') repeat-x scroll;
height:2px;
width:100%;
margin-bottom:5px;
margin-top:5px;
list-style-type:none;
}

.separador-corto {
background: url('../img/separador.gif') repeat-x scroll;
height:2px;
width:37%;
margin-bottom:5px;
margin-top:5px;
list-style-type:none;
float:left;
}

.headerinline {
display:inline;
float:left;
padding-bottom:0px;
line-height:0;
height:47px;
}

.headerblock {
display:block;
float:left;
padding-bottom:0px;
line-height:0;
height:40px;
clear:both;
background:none repeat scroll 0 0 #EEEEEE;
width:100%;
}

.headerblockForms {
display:block;
padding-bottom:0px;
line-height:0;
height:40px;
background:none repeat scroll 0 0 #EEEEEE;
}

.pagina {
padding:16px;
float:left;
display:block;
width:97%;
margin-left:auto;
margin-right:auto;

}

#headerflash { 
    width: 960px; margin: 10px auto 0px; line-height:0;
	box-shadow: 3px 28px 17px #000000;
}

#info-contacto { 
    height: 27px;
	display:inline;
	float:right;
}

.last
{
float:right;
}

#footer-links {
}

#copy {
}

h2 { font: 14px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; padding-bottom: 10px; color: #333; background:url("../img/square.gif") no-repeat scroll 0 0.4em transparent; text-indent:15px; clear:both;}

p { margin: 0 0 15px 0; }

nav{background: #ffedf0 url('../img/fondonav.gif') repeat-x center;
height:26px;}

 nav ul { 
    list-style: none;  padding-bottom: 5px; padding-top: 5px; padding-left:10px; width: 960px; position: relative; 
 
}
nav ul li { display: inline; }
nav ul li a {
	display: block;
	float: left;
	height: 17px;
	padding: 0 10px;
	font-size: 10px;
/*	font: bold 10px "Verdana", sans-serif;*/
	color: #b23667;
	text-decoration: none; 
	margin: 0 6px 0 0;
	background:url("../img/bullet.gif") no-repeat scroll 0 0.4em transparent;
	text-indent:2px;
}
nav ul li a:hover {
	background:url("../img/bullethover.gif") no-repeat scroll 0 0.6em transparent;
}	
nav ul li a:active, nav ul li a.current {
	position: relative;
    /*color:#c5e5ff;*/
}



#footer-links {
display:inline;
float:left;
height:24px;
padding-left:10px;
width:auto;
padding-top:4px;
}

#copy {
float:right;
padding-right:10px;
padding-top:3px;
color: #8a104c;
}

header {
}

footer { background:url("../img/fondofooter.gif") repeat-x scroll center center #ffdae1;
clear:both;
color:#FFFFFF;
height:25px;
margin:0 auto;
width:960px;}

footer nav{
background:none;
height:25px;
display:inline-block;
}

footer nav ul li a:hover {
	background:url("../img/bullethoverfooter.gif") no-repeat scroll 0 0.6em transparent;
}	

footer nav ul li a {
	background:url("../img/bulletfooter.gif") no-repeat scroll 0 0.4em transparent;
}	

/* 
	LEVEL ONE
*/
nav ul.dropdown                         { position: relative; }
nav ul.dropdown li                      { font-weight: bold; float: left; zoom: 1;}
nav ul.dropdown a:hover		            {color:#b53d6c;}
nav ul.dropdown a:active                { color: #ffa500; }
nav ul.dropdown li a                    { display: block; 
	 								  }
nav ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
nav ul.dropdown li.hover,
nav ul.dropdown li:hover                { position: relative;}
nav ul.dropdown ul li:hover                { position: relative;background:#eee;}
nav ul.dropdown li.hover a              { color: black; }

/* 
	LEVEL TWO
*/
nav ul.dropdown ul 						{ width: 100px; visibility: hidden; position: absolute; top: 100%; left: 0; border:1px solid #666; padding:0px; z-index:10000;}
nav ul.dropdown ul li 					{ font-weight: normal; background: #fff;  
									  border-bottom: 1px solid #666;  float: none; display:block; height:20px;text-indent:0px;margin:0px;z-index:10000; padding-top:2px;}
									  
                                    /* IE 6 & 7 Needs Inline Block */
nav ul.dropdown ul li a					{ width:90%; display: inline-block; background:none; text-indent:0px;margin:0px;z-index:10000;padding-top:2px;} 

/* 
	LEVEL THREE
*/
nav ul.dropdown ul ul 					{ left: 90%; top: 0;z-index:10000; width:150px;}
nav ul.dropdown ul ul 	li {
float:none;
height:20px;
margin:0;
padding:0;
}

nav ul.dropdown li:hover > ul 			{ visibility: visible; z-index:10000;}