@charset "utf-8";

@font-face {
	font-family: texgyreadventor;
	src: url(../font/texgyreadventor-regular.otf)
}   
/* CSS Document */

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;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;}


/*---------- BODY --------------------------------*/



body {
	width:965px;
	height:1100px;
	margin: 0 auto;
	text-align: center;
}

#background {
	width:100%;
    background : #000000 url(../images/Fondo.png) no-repeat bottom left;
    background-size: 100% 100%;
    min-height:100%;
	margin:0 auto;
    display: inline-block;
    position: relative;	
}

a {
	text-decoration: none;
}

/*---------- Wrapper --------------------*/

nav {
	width: 829px;
	margin: 0 auto;
}

#subamr {
	width: 100%;
	height: 53px;
	margin:0 auto;
	margin-top: -3px;
	display:none;
	background: white;
	opacity: 1;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

#subazl {
	width: 100%;
	height: 45px;
	margin:-0 auto;
	margin-top: -3px;
	display:none;
	background: white;
	text-align:center;
	opacity: 1;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

#mnuazul {
	width: 100%;
	height: 45px;
	margin:0 auto;
	margin-top: -3px;
	display: block;
	background: white;
	text-align:center;
	opacity: 1;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

#subrjo {
	width: 100%;
	height: 53px;
	margin:0 auto;
	display:none;
	background: white;
	opacity: 1;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

ul {
	text-align: center;
}

ul li {
	font: 13px texgyreadventor, Arial, Tahoma, sans-serif;
	cursor: pointer;
	-webkit-transition: padding .05s linear;
	-moz-transition: padding .05s linear;
	-ms-transition: padding .05s linear;
	-o-transition: padding .05s linear;
	transition: padding .05s linear;
}

ul li.drop {
	position: relative;
}

ul > li {
	display: inline-block;
}

ul li a {
	padding: 0;
	color: #777;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

ul li a:hover {
	color: #eee;
}

nav li {
	margin: -3px;
	padding: 0;
	-webkit-transition: padding -.05s linear;
	-moz-transition: padding -.05s linear;
	-ms-transition: padding -.05s linear;
	-o-transition: padding -.05s linear;
	transition: padding -.05s linear;
}

.dropdownContain .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid white;
	top: -8px;
	left: 50%;
	margin-left: -8px;
}

.triangleyellow {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 8px solid #EEAB0F;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	margin-left: -8px;
	z-index: 2;
}

.triangleblue {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 8px solid #0080C0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	margin-left: -8px;
	z-index: 2;
}

.trianglegray {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 8px solid #5B5B5B;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	margin-left: -8px;
	z-index: 2;
}

.trianglered {
	width: 0;
	height: 0;
	position: absolute;
	border-top: 8px solid #C10409;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	left: 50%;
	margin-left: -8px;
	z-index: 2;
}

.dropdownContain {
	width: 126px;
	position: absolute;
	left: 0px;
	z-index: 2;
	top: -400px;
}

.arrowContain {
	width: 0;
	height: 0;
	position: absolute;
	top: 53px;
	left: 50%;
	/*margin-left: -8px;*/
}

.dropOut {
	width: 829px;
	background: white;
	float: left;
	position:fixed !important;
	/*Centering*/
	margin: 0px 0 0 -68px;
	left: 50%;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.dropOut ul {
	float: left;
	padding: 10px 0;
}
.dropOut ul li {
	text-align: left;
	float: left;
	padding: 12px 0 10px 15px;
	margin: 0px 10px;
	color: #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}

.dropOut ul li:hover {
	background: #f6f6f6;
}

ul li:hover a { color: white; }
ul li:hover .dropdownContain { top: 53px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 0px; }

#subazl ul {
	margin:0 auto;
}

#subazl ul li {
	float: none;
	padding: 12px 15px 10px 15px;
	margin: 0px 10px;
	color: #777;
}

#subazl ul li:hover {
	background: rgb(6,109,171); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,109,171,1)), color-stop(69%,rgba(138,187,215,1)), color-stop(100%,rgba(197,222,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=1 ); /* IE6-9 */
}

#mnuazul ul {
	margin:0 auto;
}
#mnuazul ul li {
	float: none;
	padding: 12px 15px 10px 15px;
	margin: 0px 10px;
	color: #777;
}

#mnuazul ul li:hover {
	background: rgb(6,109,171); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,109,171,1)), color-stop(69%,rgba(138,187,215,1)), color-stop(100%,rgba(197,222,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=1 ); /* IE6-9 */
}

.mnuazulsel a{
	color: #333 !important;
}

.mnuazulsel{
	background: rgb(6,109,171); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(6,109,171,1) 0%, rgba(138,187,215,1) 69%, rgba(197,222,234,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(6,109,171,1)), color-stop(69%,rgba(138,187,215,1)), color-stop(100%,rgba(197,222,234,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(6,109,171,1) 0%,rgba(138,187,215,1) 69%,rgba(197,222,234,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066dab', endColorstr='#c5deea',GradientType=1 ); /* IE6-9 */
}

#atajos
{
	margin: 0 auto;
	display:inline-block;
}

#bannerinfo
{
	width:829px;
	height:360px;
	margin: 0 auto;
	margin-top: -3px;
	display:inline-block;
	background-color:#ffffff;
	/*border:thin solid black;*/
}

.cont_carrusel {
	position:relative;
}

.cont_carrusel img {
	background color: white;
	padding: 0px;
	margin: 0px;
	display: block;
	float:left;
}

carrusel {
	width:824px;
	height:312px;
	margin: 0 auto;
	margin-top: -10px;
}

#productos
{
	width: 829px;
	margin: 0 auto;
	display:inline-block;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 10%, rgba(255,255,255,0) 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 90%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 10%,rgba(255,255,255,0) 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#wrapprod{
	width: 92%;
	margin: 0 auto;
}

#linea-vt
{
	float:left;
	width:10px;
	height:10px;
    margin: 0 auto;	 
}

#linea-hz
{
	/*float:left;*/
	width:100%;
	height:10px;
    margin: 0 auto;	 
}

#charolas
{
	float: left;
}

#losojos
{
	float: left;
}

#pedido
{
	float: left;
}

#contacto
{
	margin: 0 auto;
	display:inline-block;
}

#prodcat
{
	width: 829px;
	height:1099px;
	margin: 0 auto;
	margin-top: -3px;
	display:inline-block;
	background:url(../images/productocatalogo-fondogris.png) no-repeat;
	font: 11px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
}

#wrapcat{
	width: 100%;
	margin: 0 auto;
	padding:15px 0 0 15px;
	font: 11px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
}

#privpag
{
	width: 829px;
	height:1099px;
	margin: 0 auto;
	margin-top: -3px;
	display:inline-block;
	font: 11px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
}

#wrappriv{
	width: 95%;
	margin: 0 auto;
	padding:15px 20px 0 20px;
	background:#fff url(../images/privacidad-fondogris.png) no-repeat;
	font: 11px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
}

#mnuprod
{
	float: left;
	margin:0;
	width: 25%;
	/*border: thin solid red;*/
}

#catprod
{
	margin:0;
	/*border: thin solid blue;*/
}

#listasel
{
	font: 10px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
	width: 20%;
	padding: 0;
	margin: 0;
	/*border: thin solid black;*/
}

#listasel td
{
	font: 10px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
	text-align:left;
}

#formaprod select
{
	font: 10px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

#tabprod
{
	font: 10px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color:#777;
	border-collapse:separate;
	border-spacing:3px 0;
}

/*.tabprod td
{
	width:140;
}*/

.tdleft
{
	text-align:left;
	width:140px !important;
	word-wrap: normal !important;
}

.tdcenter
{
	font: 12px texgyreadventor, Arial, Tahoma, sans-serif;
	text-align:center;
}

.prodimg
{
	border:thin solid #777;
	text-align:center;
	width:140 !important;
	height:140 !important;
}

#siteinfo
{
	margin:0 auto;
	color: #777;
	text-align:center;
	vertical-align:middle;
}

#siteinfo ul li
{
	font: 9pt texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #777;
	text-align:center;
	vertical-align:middle;
}

#siteinfo ul li a:hover
{
	color: #777;
}

#formcont {
	width: 829px;
	margin:0 auto;
	margin-top: -4px;
}

#contfrm
{
	width:829px;
	height:341px;
	display:inline-block;
	background:url(../images/contacto-comuniquese.png) no-repeat;
	padding-top:50px;
	padding-left:20px;
}

#ctacto {
	float:left;
}

#ctacto td{
	text-align:left;
	vertical-align:central;
}

#forma {
	font: 13px texgyreadventor, Arial, Tahoma, sans-serif;
	font-weight:400;
	color: #303030;
	float:left;
}

a.prev, a.next 
{
	background: url(../images/spritecarrusel.png) no-repeat transparent;
    width: 35px;
    height: 35px;
    display: block;
    position: absolute;
    top: 310px;
}

a.prev
{
	left: 290px;
    background-position: -1px -1px;
}

a.next 
{
	right: 300px;
	background-position: -38px -1px;
}

a.prev:hover
{
	background-position: -1px -38px;
}

a.prev.disabled
{
	background-position: -1px -1px !important;
}

a.next:hover
{
	background-position: -38px -38px;
}

a.next.disabled
{
	background-position: -38px -1px !important;
}

a.prev.disabled, a.next.disabled
{
    cursor: default;
}


a.prev span, a.next span
{
    display: none;
}

.pagination 
{
    text-align: center;
}

.pagination a
{
	background: url(../images/spritecarrusel.png) -75px -5px no-repeat transparent;
    width: 35px;
    height: 35px;
    margin: 0 5px 0 0;
    display: inline-block;
}

.pagination a.selected
{
    background-position: -75px -43px;
    cursor: default;
}

.pagination a.disabled
{
    background-position: -75px -5px !important;
    cursor: default;
}

.pagination a span
{
    display: none;
}

.clearfix
{
    float: none;
    clear: both;
}

.privtxt {
	text-align: left;
}

.privtit {
	text-align:center;
	font-size:14px;
}

.Boton-izq, .BotonAmarillo-izq, .Boton-der, .BotonAmarillo-der, .botoncitonegro-activado, .botoncitonegro{
	background: url(sprites.png) no-repeat;
}

.Boton-izq{
	background-position: -1px -1px ;
	width: 35px;
	height: 35px;
}

.BotonAmarillo-izq{
	background-position: -1px -38px ;
	width: 35px;
	height: 35px;
}

.Boton-der{
	background-position: -38px -1px ;
	width: 35px;
	height: 35px;
}

.BotonAmarillo-der{
	background-position: -38px -38px ;
	width: 35px;
	height: 35px;
}

.botoncitonegro-activado{
	background-position: -75px -43px ;
	width: 26px;
	height: 26px;
}

.botoncitonegro{
	background-position: -75px -5px ;
	width: 26px;
	height: 26px;
}