body { margin:0; padding:0; background: url(geometrical-patterns.jpg) repeat; background: #F7F7F7; font-family:arial; font-size:12px;color:#333; }
.clearfloats { clear: both; }

img { border:0; }


.header{width:100%; height:auto; min-height:100px; background:#0087c3; border-top:solid 10px #05405b; margin-top:2px; }

.header-cabecera{ clear:both; width:1000px; margin:auto; min-height:50px;}
.header-social{ font-weight:bold; font-size:19px; color:#FFF; float:left; width:400px; height:48px; margin:0px 0px 0px 300px; text-align:right; padding-bottom:5px; }
.header-buscador{ float:left; width:650px; height:40px; padding-bottom:5px;}

.header-logo {height:96px; width:255px; float:left; border:#000 0px solid;}


.fixed{position:fixed; top:0;}



.margen{margin-top:50px;}


.menu{ clear:both; width:100%; height:48px; background:#0087c3; text-align:center; border:#fff 0px solid;}
.menu-h { margin:auto; width:1000px; height:20px; min-width:1000px; border:#ccc 0px solid; clear:both;}
.menu-x { width:1000px; background:#9CC; height:300px; margin:auto;}
.menu-logo{ float:left; width:170px; height:45px; text-align:center;   }

.menu-menu { float:right; width:830px; height:45px; }


ul { list-style:none;}
.nav > li { float:left; min-width:93px !important; width:auto; text-align:center; z-index: 5; font-size:13px;}
 
.nav li a {
background:#fff; opacity:0.87;
color:#0087c3;
display:block; 
border:1px solid #0087c3;
padding:5px 10px;
z-index:5;
text-decoration:none;
}

.nav li a:hover {
background:#05405b; opacity:0.9; text-decoration:underline; color:#FFF; box-shadow:1px #333333;
}

.nav li ul {
display:none;
position:absolute;
min-width:140px; text-align:left; font-weight:normal;
z-index: 5;
}
.nav li:hover > ul {
display:block; z-index: 5;
}
.nav li ul li {
position:relative; z-index: 5;
}
 
.nav li ul li ul {
right:-140px;
top:0;
}
.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
}
.nav li a:not(:last-child) .flecha { display: inline; }



.contenedor{ width:100%; min-height:400px; height:auto !important;; margin:auto; clear:both; }
.contenedor ul li { list-style:disc;}
.contenido-1 { width:1000px; margin:auto; border-right:1px solid #0087c3; border-left:1px solid #0087c3; background:#FFF; min-height:350px; height:auto !important;;}




.contenido-left { width:250px; float:left; background:#fff; padding-top:10px; min-height:350px; margin-top:5px; height:auto;}
.contenido-right {width:740px; float:left; background:#fff; padding-top:10px; padding-left:10px; margin-top:5px;   }
.contenido-banner {width:auto; max-width:900px; margin:auto; background:#fff; min-height:218px; background:#000; margin-top:10px; }

.izq { clear:both; width:900px; margin:auto; min-height:350px; height:auto; }
.der { width:730px; float:right; height:350px; background:#066; padding:10px 10px;}
.producto-descripcion { width:730px; float:right; height:350px; background:#066; padding:10px 10px;}

.contenido-descripcion {width:auto; margin:0; padding-left:10px; padding-bottom:10px; padding-right:15px; height:auto; min-height:350px;}

h1,h2 { color:#0087c3;}


.mapa_de_sitio {
	padding-left:0px;
	width: 230px; float:left; border-left:0px solid #666;
}
.mapa_de_sitio ul {	
	font-size: 13px;
	color:#333;
}
.mapa_de_sitio li, ol {	
	font-size: 13px;
	
	
}
.mapa_de_sitio p {
	padding-left: 25px;
	color: #C03;	
	font-size: 18px;
	font-weight: 400;
}
.mapa_de_sitio li a, ol a {	text-decoration: none; color: #0087c3; }

.mapa_de_sitio li a:hover {
	text-decoration: underline;
	color: #666;
}
.mapa_de_sitio ol a:hover {
	text-decoration: underline;
	color: #666;
}

.container_categ{ width:auto; margin:0; padding-bottom:10px; height:auto; min-height:350px; text-align:center;}
.container_categ h2 { text-align:left;}
.container_categ div{ width: 80px; float:left; margin-right:0px; margin-top:10px; margin-left:10px;}
.container_categ img{ width:80px; height:80px; }
.container_categ img a:hover{ margin-top:-2px; padding-bottom:1px; border:1px solid #0087c3; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; }

.container_categ a{ color:#999; text-decoration:none; line-height:20px; font-weight:bold;}
.container_categ a:hover{ color:#0087c3;  }

.container { width:auto; margin:0; padding-bottom:10px; height:auto; min-height:350px;}
.container img{ border:0; }
.container div {
    width: 190px; float:left; margin-right: 0px; margin-top:10px; margin-left:40px; }
.izq_listas {
    width: 190px; float:left; margin-right: 12px; margin-top:10px; margin-left:100px; }
.divcontainer { width: 100%; height:auto; }
.container a { display: block; }

.link_url {width:99%; height:18px; border-bottom:1px dashed #58ACFA; border-top:1px dashed #fff; /* padding:2px 2px; */margin:auto;}
.link_url a { color:#58ACFA; text-decoration:none;}
.link_url a:hover { color:#666;}




.csstitulo { background-color:#0087c3; height:20px; color:#fff; text-align:center; width:180px; border:1px solid #FFF; text-transform:uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.csstitulo a{ float:auto; color:#FFF; text-decoration:none; padding-bottom:5px; line-height:20px; font-weight:bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.csstitulo a:hover{ background:#FFF; color:#0087c3;  margin-top:-2px; padding-bottom:5px; border:1px solid #0087c3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;}



.tip {
text-decoration: none; color:#fff; font-weight:500; font-size:14px; 
background: #52D017 url(images/contact.png) center no-repeat; height:90%;
margin: 0 auto;
width: 90%;
display: block;
border: 1px solid #169400;
background-position: 7px 50%; line-height:35px; text-align:center; vertical-align:middle;
vertical-align: text-top !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tip:hover{ box-shadow: 0 0 5px 2px rgba(0,0,0,.05); } 


.col_foto_producto { width:250px; min-height:350px; height:100%; float:left; margin-top:5px; padding-top:10px; padding-bottom:10px;}
.col_foto_texto {width:230px; height:auto; text-align:justify; margin-top:5px; padding:2px; clear:both; margin:auto;}
.col_foto_texto a { color:#CC0000; text-decoration:none;}
.col_foto_texto a:hover { color:#999; text-decoration:underline;}

.col_desc_producto { width:740px; height:auto; float:left; text-align:justify; margin-top:5px; padding:10px 5px 10px 2px;}
.col_desc_producto_all { width:98%; height:auto;  text-align:justify; margin:auto; padding:5px;}
.col_desc_producto h3{ color: #CC0000; font-size: 1.1em; font-weight: bold; margin: 1em 0; }
.col_desc_producto a { color:#CC0000; text-decoration:none;}
.col_desc_producto a:hover { color:#999; text-decoration:underline;}
.col_desc_producto_all a { color:#CC0000; text-decoration:none;}
.col_desc_producto_all a:hover { color:#999; text-decoration:underline;}




#button { padding: 0px; }
#button li { display: inline;}
#button li a {
font-family: Arial;
font-size:18px; font-weight:bold;
text-decoration: none;
float:left;
padding:6px 36px;
background-color: #da001c; 
color: #FFF;
}
#button li a:hover {
background-color: #c3021b;
margin-top:-1px;
padding-bottom:0px;
color:#FFF; text-decoration:underline;
font-weight:bold; border-color:#000 solid 1px ;
}
#button ul { display:block; width:100%; background:#999;}








.banners { width:1000px; clear:both; margin:auto; height:340px; background:#FFF; padding-top:2px; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
.animacion { margin:auto; border:0px solid #900;  }

.footer { width:100%; clear:both; background-color:#0087c3; min-height:200px; height:auto; padding-top:8px;	vertical-align:middle; }
.footer a { text-decoration:inherit; color:#FFF; font-weight:400; }
.footer a:hover { text-decoration:none;	color: #999; }
.footer li { margin-bottom: 8px; }

.footervivotek { width:1000px; min-height:200px; height:auto; margin:auto; }
.footerCol { width:280px; padding:10px; margin-left:15px;  min-height:150px; height:auto; float:left; color:#FFF; /*background:#69F;	*/}
.footerface { width:302px; margin-left:15px; background:#FFF; min-height:100px; height:auto; float:left; color:#FFF; }
.listActiva { text-decoration:none; border-radius:2px; border:dotted 1px #fff; text-align:center;}	



.footerS{height:170px; border-top:10px solid #c3021b; padding:10px; background-color:#da001c;}

#footer-content{width:1000px; padding-left:5px; margin:auto; height:150px; display:block; font-size:13px;}
#footer-content ul{width:190px; height:auto; display:block; float:left; margin:0px 10px 16px 0px; padding:10px 0px 8px 0px; color:#FFF;}
#footer-content ul strong{line-height:20px;}
#footer-content li{	list-style:none;}
#footer-content li a{color:#FFF; line-height:20px; padding:0px 4px;}
#formas-pago{width:580px; height:auto; float:left; margin:16px 0px;}
#formas-pago img{display:block; float:left; margin:5px 1px;}

.TextoEstados {clear:both; font:Tahoma, Geneva, sans-serif; color:#FFF; font-size:11px;}





.ancla1{height:500px; width:250px; border:1px solid grey; margin:10px; padding:2px; float:left; background:#fff; }
.ancla2{height:500px; width:500px; border:1px solid red; margin:10px; padding:2px; float:left; background:#000;}
.tablas { clear:both;min_height:300px; width:200px;background-color:#FFFFFF;font-family:Arial; border: 1px solid #FF1717; text-align:center;}







.link_activo { color:#FFF; font-size:14px; font-weight:bold; background:#da001c; width:150px; height:16px; text-align:center; }




			
			
			
			
/**trasition**/
.k-effect li:hover span.mask {
    transition: all 0.3s ease-in-out 0.25s;
    -moz-transition: all 0.3s ease-in-out 0.25s;
    -webkit-transition: all 0.3s ease-in-out 0.25s;
    -o-transition: all 0.3s ease-in-out 0.25s;
}

span.mask, ul.k-effect li, ul.k-effect img {
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
}
/*reset*/
ul.k-effect {list-style: none outside none;margin: 0;padding: 0;}
ul.k-effect li {list-style: none outside none;}
ul.k-effect img {border: 0 none;opacity: 1; width:202px; height:198px;}
ul.k-effect li:hover img {opacity: 0.7;}

ul.k-effect li {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.9);
    display: inline-block;
    margin: 10px 8px;
    padding: 5px;
    position: relative;
    top: 0;
}
ul.k-effect li > a {
    display: block;
    overflow: hidden;
    position: relative;
}
ul.k-effect span.mask {
    background-color: rgba(0, 0, 0, 0.8);
    background-image: url("http://lh4.googleusercontent.com/-WQnshglkK3M/UKJ5d_syX8I/AAAAAAAADuE/0fXdBOvpYmg/s1600/full.png");
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}

/**Efecto Top**/
ul.k-effect.top li:hover {box-shadow: 0 21px 8px -15px rgba(0, 0, 0, 0.5);top: -5px;}
ul.k-effect.top span.mask {height: 70px;top: -80px;width: 200px;}
ul.k-effect.top li:hover span.mask {top: 0;}

/**Efecto bottom**/
ul.k-effect.bottom li:hover {box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0);top: 5px;}
ul.k-effect.bottom span.mask {height: 200px;width: 198px;opacity: 0; top: 0;}
ul.k-effect.bottom li:hover span.mask {opacity: 1;}

/**Efecto left**/
ul.k-effect.left li {left: 0;}
ul.k-effect.left li:hover {left: 5px;}
ul.k-effect.left span.mask {height: 160px;top: 0;width: 0;}
ul.k-effect.left li:hover span.mask {width: 80px;}

/**Efecto circle**/
ul.k-effect.circle span.mask {border-radius: 100%;bottom: 0;height: 60px;margin: auto;right: 0;top: -40px;width: 60px;opacity: 0;}
ul.k-effect.circle li:hover span.mask {top: 0;opacity: 1;}
ul.k-effect.circle li:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}

/**Efecto rotate**/
ul.k-effect.rotate span.mask {height: 60px;left: 0;right: 0;width: 60px;margin: auto;bottom: 0;border-radius: 100%;transform: rotate(-120deg);-moz-transform: rotate(-120deg);-ms-transform: rotate(-120deg);-o-transform: rotate(-120deg);-webkit-transform: rotate(-120deg);top: 40px;opacity: 0;}
ul.k-effect.rotate li:hover span.mask {top: 0;left: 0;opacity: 1;transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
ul.k-effect.rotate li img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.k-effect.rotate li:hover img {transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);}

/****Configurar****/
/**tamaño a cortar de la imagen*/
ul.k-effect li > a {
    height: 200px; /*ancho*/
    width: 200px; /*alto*/
}

/**tamaño maximo de la imagen [Naturalmente es recomendable que este sea al menos 20 pixeles mas grande que el corte]**/






fieldset {
    border: 1px solid #DDDDDD;
    margin: 0 0 1.5em;
    padding: 0 1.4em 1.4em;
}
legend {
    color: #424242;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    margin-top: -0.2em;
}
fieldset, #IE8#HACK {
    padding-top: 1.4em;
}
legend, #IE8#HACK {
    margin-bottom: 0;
    margin-top: 0;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #424242;
    
}
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus {
    border-color:#0087c3;
}
select {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px; height:25px;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
    height: 20px;
    margin: 0 0 10px;
    padding: 4px;
}
select {
    border: 1px solid #0087c3;
}
input.text, input.title {
    padding: 2px;
    width: 300px;border: 1px solid #0087c3;
}
input { border: 1px solid #0087c3; height:30px;}
textarea {
    height: 100px;
    padding: 5px;
    width: auto;
}
form.inline {
    line-height: 3;
}
form.inline p {
    margin-bottom: 0;
}



.etiquetas {
 float:left; clear:both; background:#fff; width:100%; margin-top:10px; padding-top:10px; text-align:center;
} 

.list-horizontal-foto { width:240px; height:148px; float:left; margin:auto; border-top:#ccc 1px solid;}
.list-horizontal-desc { width:500px; height:148px; float:left; border-top:#ccc 1px solid; border-top:#CCC 1px solid; }



#descripcion {
	float: left;
	margin: auto; padding-top:10px; width:100%;
}

#tabs {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 14px;
}