/* Reset */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:"trebuchet MS";
}



div, section, ul, li, span, input, select, textarea , a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a{-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out;}

#contenedor{ /*position:absolute; width:70%; left:15%; min-height:100%; overflow:hidden;*/ width:80%; margin:0 auto  }
#logo{ /*width:100%; height:45%;*/  position:relative; text-align:center; padding:30px 0; height:320px }
.logo{ /*position:absolute; bottom:3%;  left:50%; margin-left:-14%; width:28%; z-index:2*/ height:100%}
#marcas{ width:100%; height:55%; position:relative; }
#marcas ul{ list-style:none; overflow:hidden; position:relative; z-index:2; text-align:center}
#marcas ul li{ display:inline-block; /*float:left;*/ max-width:320px; min-width:200px; margin:1% 0%; /*height:120px;*/ position:relative; padding:10px; vertical-align:top }
#marcas ul li ul { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;  -o-transition: all 0.4s ease-out; }
#marcas ul li ul:hover { background:#e5e5e5 }
#marcas ul li ul li { width:100%; margin:0px; height:150px; text-align:center;}
#marcas ul li ul li img { max-width:70%; max-height:90%; display:inline-block; vertical-align:middle   }
#marcas ul li ul li .vert { width:1px; height:100%; display:inline-block; vertical-align:middle; }



.sombras{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:1}
.sombra_vert_left{ position:absolute; top:0px; left:-10px; width:10px; height:100%; background:url(images/sombra_vert_left.png) no-repeat}
.sombra_vert_right{ position:absolute; top:0px; right:-10px; width:10px; height:100%; background:url(images/sombra_vert_right.png) no-repeat}
.sombra_top_left{ position:absolute; top:-6px; left:0px; width:87px; height:6px; background:url(images/sombra_top_left.png) no-repeat}
.sombra_top_right{ position:absolute; top:-6px; right:0px; width:87px; height:6px; background:url(images/sombra_top_right.png) no-repeat}
.sombra_bottom_left{ position:absolute; bottom:-9px; left:0px; width:50%; height:9px; background:url(images/sombra_bottom_left.png) no-repeat}
.sombra_bottom_right{ position:absolute; bottom:-9px; right:0px; width:50%; height:9px; background:url(images/sombra_bottom_right.png) no-repeat right}

