@import url("reset.css");

body			{ color: #333; background: #fff url(../images/body.gif) repeat-x;font-family:Arial; }



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

#wrap 			{ width: 966px; min-height: 100%; margin: 0 auto }

/*-------------- Layout -------------------*/

#header			{
	height: 140px;
	position: relative
}
.carrito {
border:1px solid #4597CB;
}
.carrito table td {
  padding-bottom: 10px;
}
.carrito table td.total {
   border-top: 1px solid #4597CB;
  padding-top: 10px;
  vertical-align: middle;
}
.carrito table td.total p {
   margin-bottom: 0 !important;
  font-size: 18px;
}
.logo:link,
.logo:visited	{
	display: block;
	width: 959px;
	height: 122px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	left: 6px;
	background: url(../images/logoaudias4.jpg) no-repeat
}
.logo:hover,
.logo:active	{ border: none }

#mainMenu		{
	margin-bottom: 0px;
	position: absolute;
	bottom: 0;
	right: 1px;
	width: 523px;
}
#mainMenu li	{
	float: left;
	margin: 0;
	list-style: none;
	border-right: 1px solid #333;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: normal;
	font-weight: bold;
}

#mainMenu li .selected a { float: none;  position:relative; display: block; width: 132px; height: 7px;}


#mainMenu a:link,
#mainMenu a:visited
				{ display: block; height: 12px; padding: 0 12px 0 }
#mainMenu a.active:link,
#mainMenu a.active:visited
				{ cursor: default }
#mainMenu a.hasSub:link,
#mainMenu a.hasSub:visited
				{ padding-right: 2px; background: url(../images/hassub.gif) right 6px no-repeat }
#mainMenu a:hover,
#mainMenu a:active
				{ border: none; color:0e24ec; }
#mainMenu a:hover span,
#mainMenu a:active span
				{ border: none; color:0e24ec; }
#mainMenu a.active:hover span,
#mainMenu a.active:active span
				{ border: none; color:0e24ec; }

/*--------- desplegable ------*/

#mainMenu .submenu  { position: absolute; background-color:#ccc; margin-top:0; margin-left:-1px; padding:0; z-index: 100; width: 230px; border-right: #333 solid 1px;border-left: #333 solid 1px; clear:both; }

#mainMenu .submenu li { width: 230px; float: left; padding:0; margin: 0px ; border-bottom: #333 solid 1px; overflow:hidden; border-right: none; height: 29px;}
#mainMenu .submenu li a { display: block; width: 230px; height: 30px;}
#mainMenu .submenu li a:link, #mainMenu .submenu li a:visited { color:#FFFFFF; display:block; font-size:14px; height:30px; line-height:28px; margin:0; padding:0 0 0 15px; width:230px; }
#mainMenu .submenu li:hover { background: #333; color: #fff; }

font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:37px;
line-height:2.4em;
padding:15px 0 0 38px;
width:100px;
 }
a.zona:hover,
a.zona:active	{ border: none; color:0e24ec; }

a.logout:link, a.logout:visited{
display:block;
float:left;
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-size:1.4em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
padding-top:24px;
}


/*---------- ver-compra ------------*/

#compra { margin:0; width:240px; }
#compra a.ver-compra  { display: block; position: absolute; margin: 0; padding: 23px 0 0 138px; color:#0e24cc; font: normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif; text-decoration: none; }
#compra a.ver-compra:hover { color:#333;}

#compra .unidades { border:none; margin:0; padding:45px 9px 0 42px; display: block; float: left; width: 30px;}
#compra .articulos { width: 115px; margin:0; padding:15px; clear: right; border-bottom:none;}
#compra .articulos img { border: #4597cb solid 1px; width: 98px; height: 98px; margin: 0; padding: 0;}

#compra .boton {  margin: 0; padding: 0; border-top: #4597cb solid 1px;}
#compra .boton p { float: right; display: block; width: 98px; padding:16px 0 0 0; font: bold 14px Arial, "Helvetica Neue", Helvetica, sans-serif;}


/*-----------------------------------------*/

#content		{ padding-bottom: 102px }

/*-----------------------------------------*/

/*#introText		{ height: 138px } */

#list1			{
	padding-bottom: 15px;
	margin-bottom:0px !important;
}
#list1 li		{ float: left; margin: 0; list-style: none; padding-right: 8px }
#list1 a:link,
#list1 a:visited
				{ display: block; /*height: 19px;*/height:108px; width: 130px;
				  border: 1px solid #ccc;/* padding-top: 89px; */text-align: center;position:relative;overflow:hidden;font-weight:bold;color:#000;}
#list1 span,
#list1 span		{
	display: inline-block;
	line-height: 1.5833em;
	background: #4597cb;
	width:100%;
	position:absolute;
	bottom:0;
	color:#FF3300;
}
#list1 a:hover span,
#list1 a:active span
				{ background: #cccccc; color:#333333; }
#list1 a.a1:link,
#list1 a.a1:visited
				{ background: url(../images/list1_a1.gif) 7px 24px no-repeat }

#list1 a.a2:link,
#list1 a.a2:visited
				{ background: url(../images/list1_a2.jpg) no-repeat }
#list1 a.a3:link,
#list1 a.a3:visited
				{ background: url(../images/list1_a3.jpg) no-repeat }
#list1 a.a4:link,
#list1 a.a4:visited
				{ background: url(../images/list1_a4.jpg) no-repeat }
#list1 a.a5:link,
#list1 a.a5:visited
				{ background: url(../images/list1_a5.gif) no-repeat }

/*-----------------------------------------*/

#leftCol		{
	float:left;
	width:242px;
	padding-top:10px;
}

.shadow			{
background:transparent url(../images/h2_shadow.gif) no-repeat scroll 0 5px;
height:38px;
margin:0;
padding-left:20px;
padding-top:23px;
text-align:left;
}

.shadow.first{
background:transparent url(../images/h2_shadow_first.gif) no-repeat scroll 0 0;
height:39px;
padding-top:15px;
}


.shadow.wide	{
background:transparent url(../images/h2_shadow_wide.gif) no-repeat scroll -3px 0;
margin:0 0 14px 0;
padding-top:20px;
width:690px;
 }

#buscar{
  border-color:#AEAEAE #4597cb #4597cb;
border-style:solid;
border-width:1px;
height:50px;
margin:0 auto 16px;
padding-top:25px;
text-align:center;
width:227px;
border-top:none;
}

#buscar .text{
  width: 100px;
}


#busqueda{
display:block;
float:left;
height:135px;
text-align:center;
width:242px;
}

#busqueda form{
border:1px solid #CCCCCC;
display:block;
float:left;
height:50px;
margin-left:6px;
margin-right:6px;
margin-top:-1px;
padding-top:23px;
width:229px;
}

#categorias{
display:block;
float:left;
width:242px;
}


#leftMenu		{
border-left:1px solid #4597cb;
border-top:1px solid #4597cb;
margin-left:6px;
margin-top:-1px;
width:229px;
}
#leftMenu li	{
  border-bottom:1px solid #4597cb;
border-right:1px solid #4597cb;
clear:left;
float:left;
font-size:1.1em;
line-height:2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
width:100%;
}

#leftMenu li a.view_all{
display:block;
font-size:10px;
line-height:12px;
padding-bottom:6px;
padding-top:0;
}

#leftMenu a:link,
#leftMenu a:visited
				{ display: block; padding: 0 10px; text-transform:capitalize;  }
#leftMenu a.hasSub:link,
#leftMenu a.hasSub:visited
				{ background:transparent url(../images/hassub.gif) no-repeat scroll right 16px;
height:30px;
padding:0 10px 0;
 }
#leftMenu a:hover,
#leftMenu a:active
				{ border: none }
#leftMenu .subMenu
				{ border-top: 1px solid #4597cb; margin: 0; background: #e9e9e9 }
#leftMenu .subMenu li
				{ font-size: .875em; line-height: 2.4285em; border-right: none }
#leftMenu .subMenu li.last
				{ border: none }
#leftMenu .subMenu a:link,
#leftMenu .subMenu a:visited
				{ padding: 0 10px 0 25px }
#leftMenu .subMenu a:hover,
#leftMenu .subMenu a:active
				{ background: #efefef }


.enlacelateral {
	width: 227px;
	text-align: center;
	border: 1px solid #4597cb;
	margin: 0 auto 10px;
	font: normal 1.8em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.enlacelateral a	{ display: block; background: #4597cb; line-height: 2.8333em; color:#ffffff; }

.enlacelateral a img{text-decoration:none;}

#contactanos a:link,
#contactanos a:visited
				{ display: block; width: 227px; height: 37px; border: 1px solid #4597cb;
				  text-align: center; padding-top: 305px; margin: 0 auto;
				  font: normal 1.8em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  background: url(../images/contactanos.jpg) no-repeat }
#contactanos a:hover span,
#contactanos a:active span
				{ border-bottom: 1px solid #999 }

/*-----------------------------------------*/

#mainCol		{
float:left;
padding-left:14px;
padding-top:14px;
width:696px;
 }

#mainColLeft	{
	float: left;
	width:480px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 5px;
	padding-top: 0px;
	margin-top: 30px;
	vertical-align: middle;
}
#mainColright	{
	float: right;
	width: 200px;
}

#board			{
	height:302px;
	margin:0px 0 17px;
	width:480px;
}

#news			{ margin: 0 }
#news li		{ margin: 0 0 .9em; padding: 0 0 .9em; list-style: none; overflow: hidden;
				  font-size: 1em; border-bottom: 1px solid #4597cb }
#news li a      {text-decoration:none;color:#000;}
#news h2, .productos h2		{ margin: 0; line-height: 1.5em }
#news em		{ display: block; padding-bottom: 1.1em;
				  margin-bottom: .8em; border-bottom: 1px solid #4597cb }

#breadcrump		{
font-size:9px;
height:30px;
margin:0;
}
#breadcrump	li	{ display: inline; margin: 0; list-style: none;
				  font: normal 1.4em/1.2857em Arial, "Helvetica Neue", Helvetica, sans-serif  }
#breadcrump	a:link,
#breadcrump	a:visited
				{ color: #0e24cc }

.productos, .productos-sub { margin: 0; padding: 20px 0 20px 0; }
.productos li, .productos-sub li { float: left; list-style: none; margin: 0; padding: 0 17px 20px 0; display: block; width: 160px;}

.productos li a {
display:block;
float:left;
height:158px;
overflow:hidden;
text-align:center;
vertical-align:middle;
width:158px;
margin-bottom:20px;
border:1px solid #4597cb;
}

.productos li a.textoProducto{
border-bottom:1px solid #4597cb;
border-left:medium none !important;
border-right:medium none !important;
border-top:medium none !important;
font-weight:bold;
height:auto;
margin:0 !important;
padding-bottom:10px;
}

.productos-sub li { height: 260px; }
.productos-sub li img { border: 1px solid #4597cb;}
.productos p, .productos-sub p { font: normal 16px Arial, "Helvetica Neue", Helvetica, sans-serif; margin: 0; padding:10px 0; border-bottom: 1px solid #4597cb; text-align: center}

/*--------- boton ------------*/

#mainCol li .rollover {
border:medium none;
color:#FFFFFF;
font-weight:bold;
height:24px;
margin-bottom:0;
margin-left:27px;
margin-top:10px;
padding-top:4px;
width:105px;
}

#mainCol li a.rollover:link, #mainCol li a.rollover:visited, #mainCol li a.rollover:active {
  background: url(../images/boton.jpg) no-repeat scroll 0px 0px;
  text-decoration:none;
}

#mainCol li a.rollover:hover {
  background-position: -105px 0;
}

#compra form { display: block; width: 85px; height: 28px; font-weight: bold; margin:15px 0 0 10px; }



/*------------------- paginator ------------------*/

#mainCol a.paginator {color:#4597cb; padding:5px; border: 2px solid #4597cb; margin-right: 5px; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px; margin-bottom: 20px; font: normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;}
#mainCol a.paginator:hover { text-decoration: none; color:#d0d0d0;}

/*-----------------------------------------------------------*/

#productList	{
	border-top:1px solid #ffffff;
	margin:-1px 0 21px 7px;
	width:200px;
}
#productList li	{
	float: left;
	clear: left;
	width: 192px;
	margin: 0;
	padding: 5px;
	list-style: none;
	font-size: 1em;
	border-bottom: 1px solid #000000;
	background-color: #FFFFFF;
}
#productList h4	{
	font: normal 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 2px 0 8px 113px;
	padding-bottom: 7px;
	min-height: 32px;
	height: auto !important;
	height: 32px
}
#productList span
				{ display: block; margin-left: 113px;
				  font: bold 1.4em/1.1428em Arial, "Helvetica Neue", Helvetica, sans-serif }
#productList img
				{
	display: block;
	float: left
}

#productListHor	{ margin: 0 0 0 -10px }
#productListHor li
				{ float: left; width: 100px; margin: 0; padding: 0 10px 18px;
				  list-style: none; font-size: 1em }
#productListHor h4
				{ font: bold 1.1em/1.4545 Arial, "Helvetica Neue", Helvetica, sans-serif;
				  margin: 2px 0 8px 0; padding-bottom: 7px;
				  min-height: 32px; height: auto !important; height: 32px;
				   }
#productListHor span.price
				{ display: block;
				  font: bold 1.8em/1em Arial, "Helvetica Neue", Helvetica, sans-serif }
#productListHor img
				{ display: block; border: 1px solid #4597cb; margin-bottom: 7px }

.photoFull		{ float: left; display: block; margin: 0 14px 14px 0; border: 1px solid #4597cb }

#form1 			{ margin-right: 6px }

#form1 table	{
  margin: 10px 0;
  font-size:12px;
  border-bottom: 0;
  padding: 10px 0;
  }

#form1 th		{ text-align: left; font-weight: bold; padding-bottom: 5px }

#form1 .radio	{ margin-top: -2px }
#form1 p, #mainCol span.price {margin-bottom: .72em; border-top: 1px solid #4597cb;
				  border-bottom: 1px solid #4597cb;}
#mainCol span.price { margin: 0; padding: 10px 0; display: block;}


#form1 .envio { border:none; padding: 10px 0;}


#form1 span.precio-anterior
				{ font: 1.6em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  display: block; text-decoration: line-through; float: left; margin: 0; padding: 25px 100px 0 0; }
#form1 span.price
				{ font: bold 2.4em/1.82em Arial, "Helvetica Neue", Helvetica, sans-serif;
				  display: block; }
#form1 span.price small
				{ font: normal .5em/1.2em Arial, "Helvetica Neue", Helvetica, sans-serif }
.resultado { font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;  display: block; margin: 0; padding: 0 0 10px 0; }
#mainCol a {color:#000; }

.rb				{ width: 30px }
.dim			{ width: 138px }
#form1 .text	{ width: 35px }
#form1 .submit	{ font-weight: bold; width: 120px}

#photos			{ margin: 0 0 0 -10px; clear: both; width: 360px; }
#photos li		{ float: left; margin: 0; padding: 0 10px 18px;
				  list-style: none }
#photos img		{ display: block; border: 1px solid #4597cb }
.m1				{ margin-bottom: .5em }

/*-----------*/

.foto { margin:0 20px; padding:0; border: #4597cb solid 1px;}
.address { font-size: 12px; font-weight: bold; text-align: justify;}


#columnas { margin: 0; padding: 0; width: 666px; }

.rojo {color:#ff0000;}
.cat_textbox { width: 275px; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.cat_listbox { width: 275px; margin: 0 0 10px 0; padding: 0;}
.col1 .enlace, .col2 .enlace {color:#0e24cc; }


.col1 { float: left; width: 320px; padding-right:20px; }
.col2 { float: right; width: 323px; padding:0 10px 0 20px; border-left: #4597cb solid 1px;}
.col2 form { border:#4597cb solid 1px; padding: 20px; }

 /*-------------------------------------*/

#mainCol #resumen_compra {
    border-bottom:1px solid #4597cb;
    border-top:1px solid #4597cb;
    color:#777777;
    display:block;
    font-size:14px;
    margin-top:10px;
}
#mainCol #resumen_compra p {
  font-size:12px;
}


#maniCol #description {
    font-size:12px;
    border-bottom: 0;
    padding-top: 20px;
    border-top:1px solid #4597cb;
}


#mainCol tr.cabecera {
    background-position:left top;
    background-repeat:repeat;
    font-weight:bold;
}
#mainCol .cabecera td{
 border-bottom:1px solid #4597cb;
  background:#e9e9e9;
  line-height:29px;
}


#mainCol .cont td.precio {
    font-size:16px;
    font-weight:normal;
}

#mainCol .cont {
    color:#444444;
    font-weight:bold;
    font-size:12px;
    line-height:0;
}
#mainCol .cont p.nombre {
    display:block;
    margin-bottom:0;
    margin-top:0;
    padding:0;
}

#mainCol .cont img {
    border:#4597cb solid 1px;
    margin: 10px 0;
    overflow: hidden;
}
#mainCol .cont .button-to {
    margin:0;
    padding:0;
}
#mainCol .button-to {
    display:inline;
    font-size:16px;
    font-weight:bold;
}
#mainCol tr.total_carro {
    background-position:left top;
    background-repeat:repeat;
    color:#CC0000;
    font-size:18px;
    font-weight:bold;
}
#mainCol .total_carro td{
    background:#e9e9e9;
    border-top:1px solid #4597cb;
}


#mainCol #final_compra {
    background-color:#e9e9e9;
    border-bottom:1px solid #4597cb;
    margin-top:30px;
    padding:10px 10px 0 0;
    text-align:right;
}
#mainCol #final_compra p{
    font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#mainCol .text_boton {
    color:#333333;
    font-weight:bold;
    margin-bottom:10px;
    text-align:right;
}
#mainCol .text_boton p{
    font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
    margin:0;
    padding: 0 0 10px 0;
}
#mainCol .text_enlace {
    color:#333333;
    float:left;
    margin-bottom:10px;
    font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/*-----------------------------------------*/

#footer			{ height: 60px; margin-top: -84px; padding-top: 24px;
				  background: url(../images/footer.gif) repeat-x }
#footerMenu		{ text-align: center; margin-bottom: 15px }
#footerMenu	li	{ display: inline; list-style: none; font-size: 1.1em; line-height: 1em; margin: 0;
				  border-right: 1px solid #333; padding: 0 6px }
#footer	p		{ font-size: 1.1em; text-align: center; margin: 0 }
#footer	p a:link,
#footer	p a:visited
				{ font-weight: bold }

/* ------------------------------------------ */

#ColumnaIzdaProducto{
float:left;
}

#ColumnaDrchaProducto{
float:left;
width:310px;
}

/* ----------------blog ------------- */
#columnaPosts{
display:block;
float:left;
width:440px;
}

.Posts{
float:left;
padding-bottom:20px;
padding-top:10px;
width:100%;
}

.Posts a{
text-decoration:none;
font-weight: bold;
}


.Posts h2{
font-size:18px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-right:0;
padding-top:5px;
}


.Posts .creadoEl{
font-style: italic;
border-bottom:1px solid #EEEEEE;
float:left;
font-size:10px;
padding-bottom:10px;
padding-top:3px;
text-align:left;
width:100%;
}

.Posts .textoPost{
font-size:12px;
margin:0;
text-align:left;
padding-top: 10px;
}

.Posts .LeerMas{
display:block;
float:left;
font-size:12px;
padding-bottom:5px;
padding-top:5px;
text-align:left;
width:100%;
}

.Posts .commentsPost{
background-color:#EEEEEE;
display:block;
float:left;
font-size:11px;
margin-top:10px;
width:100%;
}


#menuArchivos{
float:left;
padding-left:14px;
width:242px;
}

.Comentarios{
float:left;
padding-bottom:10px;
padding-top:10px;
width:100%;
background-color: #eee;
}

.Comentarios .creadoEl{
border-bottom:1px solid #CCCCCC;
float:left;
font-size:10px;
font-style:italic;
margin-left:10px;
margin-right:10px;
padding-bottom:10px;
padding-top:3px;
text-align:left;
width:415px;
}

.Comentarios h2{
font-size:18px;
font-weight:bold;
margin-bottom:5px;
margin-left:0;
margin-right:0;
padding-top:5px;
padding-left:10px;
}

.Comentarios .textoPost{
font-size:11px;
font-style:italic;
margin:0;
padding-left:10px;
padding-right:10px;
padding-top:10px;
text-align:left;
}

#dejaComentario{
display:block;
float:left;
padding-left:10px;
width:415px;
}

#dejaComentario label{
float:left;
margin:0;
width:100%;
}

#dejaComentario input{
float:left;
width:303px;
}

#dejaComentario textarea{
width:303px;
height:100px;
overflow: scroll;
float:left;
}

#dejaComentario .enviar{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
float:left;
font-weight:bold;
height:25px;
margin-top:10px;
width:60px;
}
.form_url {
  display:none;
}