@charset "UTF-8";
/* CSS Document */

:root{
	--bg-color:gray;
}


#ban_categorias {
padding-right:5px;
font-size:2em;
font-family:'Dancing Script';
color:#444444;
text-shadow:#333;
background : url(banners/categorias.png) 0 0;
}



.title_menu{
	      font-size: 27px;
    font-family: 'Dancing Script';
    color: #e52e1a;
}

.subtitle_menu2{
	  font-size:24px;
	  font-family:'Dancing Script';
	  color:#333;
}

h1{
	  font-size:1.2em;
	  font-family:Arial;
	  color:#666;
}

.title_menu2{
	  font-size:1.8em;
	  font-family:'Dancing Script';
	  color:#fff;
}

.subtitle_menu{
	  font-size:1.6em;
	  font-family:'Dancing Script';
	  color:#e52e1a;
}
.title_menu3{
	  font-size:2em;
	  font-family:'Dancing Script';
	  color:#333333;
}

div.wrap {
width : 993px;
margin : 0 auto;
text-align : left;
}
.tituloTabla {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
}
.fila1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
}
.fila2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333;
	background-color:#dedede;
}
/*
div#top div#nav {
float : left;
clear : both;
width : 993px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
*/
div#header-slider {
margin : -1px 0 0;
}
div#video-header {
margin : -1px 0 0;
}
div#header-slider div.wrap {
height : 299px;
}
div#header-slider div#slide-holder {
z-index : 40;
width : 993px;
height : 299px;
position : absolute;
}
div#header-slider div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header-slider div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
/*
div#header-slider div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
*/
div#header-slider div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 5px 0 0 10px;
text-transform : uppercase;
}
div#header-slider div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header-slider div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header-slider div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header-slider div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
/*
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}
*/







	#carrousel{
				list-style: none;
				padding: 0;
				margin: 0 auto;
				width: 650px;
				height: 180px;
			}
			#carrousel li {
				height: 150px;
				width: 140px;
				background-color: #ffffff;
				text-align: center;
				cursor: pointer;
			}
				li.roundabout-in-focus {
					cursor: default;
				}
			#carrousel li span {
				display: block;
				margin-top:9em;
				padding-top:3px;
				font-family:Arial;
				font-size:12px;
				background-color:#f2f2f2;
				width:100%;
				height:40px;
			}


body {
	/*background: #ffffff url(images/fondo.png) repeat-x top;*/
	font-family:Arial;
	font-size:11px;


}

.input_title{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #fafafa;
	padding-left:3px;
	border-bottom: 1px solid #f2f2f2;	
	}
	
.input_cont{
	font-family:Arial;
	font-size:12px;
	color:#333333;
	border-bottom: 1px solid #eaeaea;	
	
	}	

.tabla_buscador{
	background-color: #fafafa;
	border: 1px dotted #aaaaaa;	
	padding:5px;
	}
.tabla_buscador2{
	background-color:#FFC;
	color:#039;
	border: 1px solid #aaaaaa;	
	border-radius:5px;
	padding:5px;
	behavior:url(images/border-radius.htc);
	}	
input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #666;	
	border-radius:5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	}	
	
.red_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #e52e1a;
	
	}	

#item_menu_vertical a{
	text-decoration:none;
	margin-top:3px;
	color:inherit;
	background-color:inherit;
}

#item_menu_vertical_sel a{
	text-decoration:none;
	margin-top:3px;
	color:white;
	font-weight:bold;
}

#item_menu_vertical{
  background-color: #e52e1a;
  border-top: 1px solid #757575;
  color: white;
  font-size: 12px;
  font-family: 'PT Sans', Arial, Helvetica, sans-serif;
  padding-left: 26px;
  width: 200px;
  transition: all 0.4s;
  cursor: pointer;
  margin: 5px;
  height: 27px;
  text-decoration: none;
}
#item_menu_vertical_sel{
    background-color: #3e3e3e;
    border-top: 1px solid #757575;
    border-left: 5px solid #e52e1a;
    color: white;
    font-size: 12px;
    font-family: 'PT Sans', Arial, Helvetica, sans-serif;
    padding-left: 26px;
    width: 200px;
    transition: all 0.4s;
    cursor: pointer;
    margin: 5px;
    height: 27px;
    text-decoration: none;
}
/*
#item_menu_vertical_sel{
color:black;
	background-color:#FFF;
height: 27px;
padding: 5px 10px 0px 10px;
outline: 0;
font-family:arial;
font-size: 13px !important;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:100%;
border-radius: 5px;
text-decoration:none;
     }	 

*/
  
#item_menu_vertical:hover, #item_menu_vertical a:hover, #item_menu_vertical:focus{
        color: #e52e1a !important;
    font-size: 13px;
    background-color: #FFF;
     }
 
#item_menu_vertical:active{
color:blue !important;
background-color:#e52e1a;
    }


#contenido_lateral {
	float:right;
	width: 750;
	position: relative;
	margin-left: 2px;
	margin-top:0px;
	height:250;
		padding: 0px;	
	
}
#destacados {
	float:right;
	width: 736;
	position: relative;
	margin-left: 5px;
	margin-top:0px;
	height:250;
		padding: 0px;	

	
}

#articulos_nuevos {
	float:right;
	width: 736;
	position: relative;
	margin-left: 5px;
	margin-top:10px;
	height:490;
		padding: 0px;	
		border:1px solid #13478f;
	-moz-box-shadow:    2px 2px 1px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 1px 1px #e2e2e2;
  box-shadow:         2px 2px 1px 1px #e2e2e2;	
  -moz-border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px 3px;

	
}

#mas_vendidos {
	float:right;
	width: 734;
	position: relative;
	margin-left: 5px;
	background-color:#F5E9CE;
	margin-top: 10px;
	height:270;
		padding: 0px;	
		border:1px solid #c8a62a;
	-moz-box-shadow:    2px 2px 1px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 1px 1px #e2e2e2;
  box-shadow:         2px 2px 1px 1px #e2e2e2;	
    -moz-border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  border-radius: 3px 3px;

	
}	 

#carousel{
		background-color:#ffffff;
		width:734px;
		height:220px;
		position:absolute;
		border:1px solid #999999;
	-moz-box-shadow:    2px 2px 1px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 1px 1px #e2e2e2;
  box-shadow:         2px 2px 1px 1px #e2e2e2;	
		
	}
	
	
	

div {
	padding:0px;
	}

.tituloProd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9a1d66;
	text-shadow: 0.1em 0.1em 0.05em #fafafa;
	text-decoration:none;	
	
}
.tituloProd:hover{
	color: #333333;
	}

.b_detalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:80px;
	color: #333;
	border: 1px solid #f2f2f2;
	padding:1px;
}
.b_detalle:hover {
	color: #ffffff;
	border: 1px solid #f2f2f2;
}
/*
#header {
	height: 145px;
	width: 960px;
	position: absolute;
	left:50%;
	margin-left: -480px;
}
*/
#contenido_interior{
	height: 320	px;
	width: 960px;
	position: absolute;
	left:50%;
	margin-left: -480px;
	margin-top: 171px;	
	}
	
#slider_sup {
	height: 320px;
	width: 960px;
	position: absolute;
	left:50%;
	margin-left: -480px;
	margin-top: 2px;
	z-index:5;
	border-radius:3px 3px;
	-moz-border-radius:3px 3px;
	-moz-box-shadow:    2px 2px 1px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 1px 1px #e2e2e2;
  box-shadow:         2px 2px 1px 1px #e2e2e2;	
}

#slider_prueba
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 0;
	width: 960px;
	height: 300px;
	position: relative;
}


#container {
	background-color:#ffffff;
	width: 960px;
	position: relative;
	left:50%;
	top: 5px;
	margin-left: -480px;
	margin-top:0px;
	min-height:950px;
	padding-bottom:100px; 
}

#container_int {
	background-color:#ffffff;
	width: 960px;
	position: absolute;
	left:50%;
	margin-left: -480px;
	margin-top:45px;
	min-height:1220px;
	padding-bottom:100px; 
}



.producto {
    width:170px;
	padding:4px;
	min-height:300px;
	background-color: #FFF;
	border: 1px solid #999999;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
     border-radius:5px;
}

.descripcion {
 font-family:Arial;
 color:#444444;
 font-size:0.8em;
}

.texto_normal {
 font-family:Arial;
 color:#444444;
 font-size:12px;
 padding: 4px;
}

#menu {
	background:#e52e1a;
	width: 960px;
	position: absolute;
	top:0px;
	left:50%;
	margin-left: -480px;
	height: 40px;
	margin-top:135px;
	z-index:10;
	border-radius:5px 5px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
	
}

#menu_item{
	padding:0px 20px 5px 10px; 
	font-family: Arial;
	font-size: 14px;
	color: #fff;
    height:40px;
	padding-top:12px;
	text-decoration:none;
	margin-left:10px;
	float:left;
	background:url(images/barra_menu.png) right top no-repeat;
	}	
	
#menu_item:hover{
	color: #ffffff;
	text-shadow: 1px 1px 2px #eaeaea;
	}	

#menu_vertical {
	
	width: 210;
	position: absolute;
	margin: 0px;
	min-height:400;
	
}

#lateral_int {
	
	width: 200;
	position: absolute;
	margin-left: -20px;
	margin-top: 0px;
	min-height:400;
	
}

#seccion2 {
	font-family:Arial;
	font-size:14px;
	font-color:#333333px;
	padding-left:10px;
	padding-top:7px;
	height:26px;
	}

#seccion {
	font-family:Arial;
	font-size:14px;
	font-color:#333333px;
	padding-left:10px;
	padding-top:7px;
	height:26px;
	text-shadow: 1px 1px 1px #e2e2e2;
border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
-moz-border-top-left-radius: 5px 5px;
	-moz-border-top-right-radius: 5px 5px;	
-webkit-border-top-left-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;	
	vertical-align: middle;
background: rgb(30,87,153); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */

	-moz-box-shadow:    2px 2px 1px 1px #e2e2e2;
  -webkit-box-shadow: 2px 2px 1px 1px #e2e2e2;
  box-shadow:         2px 2px 1px 1px #e2e2e2;	
	}

#tituloTabla{
font-family:Arial;
	font-size:1em;
	height:26px;
	color:#ffffff;
border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	vertical-align: middle;
	background:#232323;
}


#seccion4{
font-family:Arial;
	font-size:14px;
	color:#ffffff;
	padding-left:10px;
	padding-top:7px;
	height:26px;
border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	vertical-align: middle;
background: #e52e1a; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

}

#seccion3 {
	font-family:Arial;
	font-size:14px;
	color:#ffffff;
	padding-left:10px;
	padding-top:7px;
	height:26px;
border-top-left-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	vertical-align: middle;
	background: #e52e1a; /* Old browsers */

	}

#login {
	
	width: 200px;
	position: relative;
	margin-left: 0px;
	margin-top:5px;
	margin-right:0px;
	min-height:100;
	
}

#login td{
	font-family:Arial;
	font-size:12px;
	height:15px;
	
	}

.logotipo {
	height: 135px;
	width: 270px;
	position: absolute;
	margin-top: 10px;
	margin-left: 20px;
	float:left;
}

.buscador {
	height: 135px;
	width: 300px;
	position: absolute;
	margin-top: 38px;
	margin-left: 660px;
	z-index:6;
}
#tabla_buscador{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;	
	}

form{
	padding:0;margin:0; border:none;
	}
	
#tabla_buscador form{
	margin-top:0px;
	margin-left:0px;
	}

#tabla_buscador a{
    text-decoration:none;
	color:#333;	
	}	
	

#productos {
	width: 100%;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	min-height: 510;
	padding: 0px;	
}


	
#footer_page{
	background: #e52e1a;
	left:50%;
	margin-left: -480px;
	margin-top:10px;	
	height: 180px;
	width: 100%;
	position:absolute;   
	

}

#footer_page_int{
	background: #e52e1a;
	left:50%;
	margin-left: -480px;
	margin-top:1500px;	
	
	height: 150px;
	width: 960px;
	position:absolute;   

}
.menu_title{
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color:#ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	}
	
	.menu_inferior{
	font-family: Arial;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
	}

	
.text {
	font-family:Arial;
	font-size:0.9em;
	}
	
.info {
	font-family:Arial;
	font-size:0.8em;
	}
	
.boldtext{
	font-family:Arial;
	font-size:0.9em;
	color:#333333;
	font-weight:bold;
	}
.greyboldtext{
	font-family:Arial;
	font-size:14px;
	color:#9a1d66;
	font-weight:bold;
	}	
.nombre_producto{
	font-family:Arial;
	font-size:16px;
	color: #9a1d66;
	font-weight:bold;
	}			
.botonV {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:arial;
	font-size:11px;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.botonV:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.botonV:active {
	position:relative;
	top:1px;
}
.whitetext{
   font-family:Arial;
   font-size:12px;
   color:#ffffff;	
	}
.whiteboldtext{
   font-family:Arial;
   font-size:12px;
   color:#ffffff;	
   font-weight:bold;
	}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}