a { color:#CC0000; text-decoration:none;}
a:hover { color:#999; text-decoration:underline;}

.cssmenu{
	/*
	border:none;
	border:0px;
	margin:0px;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	*/
	border-top:solid 13px #900; border-bottom: solid 2px #FFF; width:1000px; float:left; height:100px; background-color:#a51010; margin:0px;
	}
.cssmenu ul{
	/*background: none;
	height:25px;
	margin:0;
	padding:0;
	*/
	width:500px; height:92px; margin:13px 20px; float:left;
	list-style:none;
	}
.cssmenu li{
	float:left;
	padding:0px;
	}
.cssmenu li a{
	/*
	background:none;
	color:#2580a2;
	display:block;
	font-weight:normal;
	line-height:25px;
	
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	*/
	color:#FFF;
	display:block;
	float:left;
	font-weight:bold;
	margin:0px;
	padding: 0px 15px;
	line-height:32px; 
	text-decoration:none; 
	
	}
.cssmenu li a:hover, .cssmenu ul li:hover a{
	background: #2580a2 url('images/hover.gif') bottom center no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	}
.cssmenu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:200px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.cssmenu li:hover ul{
	display:block;
	
	}
.cssmenu li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	}
.cssmenu li:hover li a{
	background:none;
	
	}
.cssmenu li ul a{
	display:block;
	height:25px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
.cssmenu li ul a:hover, .cssmenu li ul li:hover a{
	background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
.cssmenu p{
	clear:left;
	}	
	
	


.clearfloats {
    clear: both;    
}



img{border:0}
body{margin:0; padding:0; background: url(geometrical-patterns.jpg) repeat; background:#f6f6f6; font-family:arial; font-size:12px;color:#333;}

.header{width:100%; height:auto; min-height:115px; background:#da001c; border-top:solid 10px #c3021b; margin-top:2px; }

.header-cabecera{ clear:both; width:1000px; margin:auto; min-height:50px; background:#da001c;}
.header-social{ font-weight:bold; font-size:19px; color:#FFF; float:left; width:400px; height:46px; margin:0px 0px 0px 300px; text-align:right; padding-bottom:5px; }
.header-buscador{ float:left; width:650px; height:20px; 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:47px; background:#da001c; text-align:center; border:#000 0px solid;}
.menu-h { margin:auto; width:1000px; height:10px; min-width:1000px; border:#ccc 0px solid; clear:both; padding-top:1px;}

#button { padding: 0px; }
#button li { display: inline;}
#button li a {
font-family: Arial;
font-size:13px; 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:10px;
color:#FFF; text-decoration:underline;
font-weight:bold; border-color:#CCC 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{height:170px; border-top:10px solid #c3021b; padding:10px; background-color:#da001c;}
#footer-content{width:1000px; padding-left:0px; margin:auto; height:150px; display:block; font-size:13px;}
#footer-content ul{width:200px; 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 0px;}
#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; width:565px;}

.contenedor{ width:1000px; min-height:600px; height:auto !important;; height:100%; margin:auto; background:#fff; clear:both; border-right: 1px solid #CCC; border-left:1px solid #CCC;}
.contenedor ul li { list-style:disc;}


.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_url {width:100%; height:22px; padding-top:5px; padding-bottom:5px; line-height:20px; border-bottom:#FFF dashed 0px; background:#da001c; color:#FFF; }
.link_url a{ color:#FFF; text-decoration:none; padding-left:10px;}
.link_url a:hover { color:#999; line-height:20PX; }

.csstitulo { float:left; width: 200px; background-color:#da001c; height:25px; color:#fff; text-align:center; line-height:25px; border-radius: 5px 5px 5px 5px; font-weight:bold; margin-right: 12px; margin-top:10px; margin-left:10px;}
.csstitulo a{ text-transform: uppercase; color:#FFF; text-decoration:none; line-height:25px;  }
.csstitulo a:hover{ width: 200px; background-color:#CCC; height:20x; color:#000; text-align:center; line-height:25px; border-radius: 5px 5px 5px 5px; }

.container { width:auto; min-width:750px; margin:auto; padding-bottom:10px; width:auto;
}
.container img{
    width: 96%; height:95%;
}

.containers div {
    width: 200px;
    float: left;
    margin-right: 12px; margin-top:10px; margin-left:10px;
	}
.containerproducto
{
    width: 200px;
    float: left;
    margin-right: 12px; margin-top:10px; margin-left:10px;
	}
.divcontainer
{
width: 98%; height:auto; margin:auto;
}
.container a {
    display: block; 
}

.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_productoSS a { color:#CC0000; text-decoration:none;}
.col_desc_productoSS 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;}

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


.contenido-left { width:240px; min-height:350px; min-height:350px; float:left; background:#fff;  padding-top:10px; height:auto;}
.contenido-right { width:740px; float:left; background:#fff; margin-top:5px; padding-top:10px; }

	/* ==== Tab Navigation ==== */
	ul.tabNav { margin-left: 90px; }
	ul.tabNav li { float:left; margin-right: 10px; display:block; background:url(../images/tab-normal.png) no-repeat!important; height: 30px; width: 125px; line-height: 30px; text-align: center; font-size:14px; color:#FFF!important; }
	ul.tabNav li:hover { background: url(../images/rojo/tab-active.png) no-repeat!important; }
	ul.tabNav li.active { background: url(../images/rojo/tab-active.png) no-repeat!important; }
	/* ==== End Tab Navigation ==== */
	
	/* ==== Tab Generals ====*/
	.tab_container { border: 1px solid #999; overflow: hidden; float: left; width: 100%; background: url(../images/mainContent-bg.png) repeat; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #bfbfbf; -moz-box-shadow: 0px 1px 5px #bfbfbf; -webkit-box-shadow: 0px 1px 5px #bfbfbf; box-shadow: 0px 1px 5px #bfbfbf; }
	.tab_content { padding: 50px 50px; z-index:1; }
	.tab_content h4 { margin: 0 0 10px 10px; }
	/* ==== End Tab Generals ==== */

/*==== Begin .tabGallery ====*/
			.tabGallery { width: 450px; }
			.tabGallery li { float:left; width:45px; height: 20px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 0px 1px 3px #ccc; -webkit-box-shadow: 0px 3px 3px #ccc; box-shadow: 0px 3px 3px #ccc; margin:0 20px 20px 8px; overflow: hidden; padding: 5px; background: #fff; }
			.tabGallery li images { background: #fff; }
			.tabGallery li a { background: #fff; }
			ul{list-style:none}
			/*.tabGallery li.zoom { background: #fff url(../images/zoom.png) center no-repeat; }
			/* ==== End .tabGallery ==== */	
			
			
			
			
/**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]**/





label {
    display: block;
    font-weight: normal;
    margin-bottom: 5px;
}
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;
    font-family: 'TitilliumText22LRegular';
}
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: #666666;
}
select {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
}
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.text, input.title, textarea {
    height: 20px;
    margin: 0 0 10px;
    padding: 5px;
}
select {
    border: 1px solid #DDDDDD;
}
input.text, input.title {
    padding: 2px;
    width: 300px;
}
input.title {
}
textarea {
    height: 100px;
    padding: 5px;
    width: auto;
}
form.inline {
    line-height: 3;
}
form.inline p {
    margin-bottom: 0;
}

.tip {
text-decoration: none; color:#da001c; font-weight:bold;
background: #ffffea url(./images/contact.png) center no-repeat; height:90%;
margin: 0 auto;
width: 75%;
display: block;
border: 1px solid #da001c;
background-position: 7px 50%;
padding: 10px 10px 10px 45px;
vertical-align: text-top !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tip:hover{
 box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
} 

.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; }







.tabs {
    position: relative;
	margin: 40px auto;
	width: 750px;
}
absolute
.tabs input {
	position: absolute;
	z-index: 1000;
	width: 180px;
	height: 40px;
	left: 0px;
	top: 0px;
	opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	cursor: pointer;
}
.tabs input#tab-2{
	left: 180px;
}
.tabs input#tab-3{
	left: 360px;
}
.tabs input#tab-4{
	left: 540px;
}

.tabs label {
	background: #5ba4a4;
	background: -moz-linear-gradient(top, #5ba4a4 0%, #4e8c8a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ba4a4), color-stop(100%,#4e8c8a));
	background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: -o-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: -ms-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	background: linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
	font-size: 15px;
	line-height: 40px;
	height: 40px;
	position: relative;
	padding: 0 20px;
    float: left;
	display: block;
	width: 180px;
	color: #385c5b;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.3);
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
    content: '';
	background: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	display: block;
}

.tabs input:hover + label {
	background: #5ba4a4;
}

.tabs label:first-of-type {
    z-index: 4;
    box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
    z-index: 3;
}

.tab-label-3 {
    z-index: 2;
}

.tab-label-4 {
    z-index: 1;
}

.tabs input:checked + label {
    background: #fff;
	z-index: 6;
}

.clear-shadow {
	clear: both;
}

.content {
    background: #fff;
	position: relative;
    width: 100%;
	height: 370px;
	z-index: 5;
    box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
    border-radius: 0 3px 3px 3px;
}

.content div {
    position: relative;
	top: 0;
	left: 0;
	padding: 10px 40px;
	z-index: 1;
    opacity: 0;

    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .content .content-1,
.tabs input.tab-selector-2:checked ~ .content .content-2,
.tabs input.tab-selector-3:checked ~ .content .content-3 {
	z-index: 100;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;
    -moz-transition: opacity ease-out 0.2s 0.1s;
    -o-transition: opacity ease-out 0.2s 0.1s;
    -ms-transition: opacity ease-out 0.2s 0.1s;
    transition: opacity ease-out 0.2s 0.1s;
}
.content div h2,
.content div h3{
	color: #398080;
}
.content div p {
	font-size: 14px;
	line-height: 22px;
	font-style: italic;
	text-align: left;
	margin: 0;
	color: #777;
	padding-left: 15px;
	font-family: Cambria, Georgia, serif;
	border-left: 8px solid rgba(63,148,148, 0.1);
}

.tabla { text-align:center; font-weight:bold; border: 1px solid #CCC; border-left:1px solid #CCC; width:100%;
}
.titulotabla {
background:#da001c; color: #FFF; border-right: 1px solid #CCC; border-left:1px solid #CCC; text-align:center;
}

.nav > li {
float:left; width:140px; text-align:center; font-weight:bold;
z-index: 5;
}
 
.nav li a {
background:#da001c; 
color:#FFF;
display:block;
border:1px solid #c3021b;
padding:10px 6px;
z-index: 5; 
}
 
.nav li a:hover {
background:#c3021b; 
}

.nav li ul {
display:none;
position:absolute;
min-width:170px; 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:-170px;
top:0;
}
.nav li .flecha{
font-size: 9px;
padding-left: 6px;
display: none;
}
.nav li a:not(:last-child) .flecha {
display: inline;
}