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

*{
margin: 0;
padding: 0;
border: 0;}

table {
margin-bottom: 2em;}

table, tr, td, thead, tbody, tfoot{
border-collapse:collapse;
table-layout: auto;
}

strong {
color: #FF0000;}

a {
color: #6ECDB9;
text-decoration: none;}

a:hover {
text-decoration: underline;}

input[type="text"], textarea, select, input[type="password"] {
border: 1px solid #ECECEC!important;
}

.contact input[type="text"], .contact input[type="password"], .contact select {
width: 15em;}

.contact label {
display:block;
color: #64A5A5;
font-size: .9em;
}

.contact textarea{
width: 80%;
height: 12em;
}

.contact legend {
 visibility: hidden;}

.contact input[type="reset"], .contact input[type="submit"]{
width: 10em;
padding: .25em;
background-color:#DD3B0C;
color: #FFFFFF;
font-weight: bold;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #000000;
}

.contact input[type="reset"]:hover, .contact input[type="submit"]:hover {
background-color:#64A5A5;
}

.contact input[type="reset"]:active, .contact input[type="submit"]:active {
background-color:#64A5A5;
border-width: 1px 0 0 1px;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background:#1A1B1F url(../includes2/images/fondo1.jpg) top left repeat-x fixed;}

#contenedor {
width: 1014px;
margin: 0 auto;
background: url(../includes/images/bg_content.png) repeat;
padding: .25em;
-moz-border-radius: 5pt;
-webkit-border-radius: 5pt;}

#encabezado {
width: 1020px;
margin: .25em auto;
position: relative;
background: url(../includes/images/logo_evision.png) left top no-repeat;
}

#encabezado h1 {
width: 250px;
height: 75px;
visibility: hidden;
}

.locations h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: lighter;
}

.locations {
position: absolute;
width: 450px;
top: 4em;
left: 35em;
}

.locations li {
display: inline;
}

.locations li a{
color: #333333;
padding: 0 .5em;
}

.locations li a:hover {
text-decoration: none;}

.shopping {
background: url(../includes/images/z1.gif) top left no-repeat;
color: #000000;
width: 187px;
height: 56px;
position: absolute;
top: 0;
right: 0;
font-size: .9em;
margin-top: 2em;
padding: 1em;
line-height: 1.75em;}

.shopping strong {
color: #F43907;
font-weight: bold;
display: block;
font-weight: bold;
text-transform: uppercase;
font-size: 1.15em;
font-stretch: semi-condensed;
}

.buscar {
position: absolute;
right: 0;
top: 6.75em;
width: 18.5em;
text-align: right;}

.buscar a{
color: #000000;
display: block;
font-size: .9em;
text-decoration: none;
}

.buscar a:hover {
color: #000000;
text-decoration: underline;}

.buscar input[type="submit"]{
background-color: #579999;
color: #FFFFFF;
padding: 0 .5em;
line-height: 1.9em;
font-weight: bold;
font-size: .9em;
font-stretch: condensed;
-moz-border-radius: 2.5pt;
-webkit-border-radius: 2.5pt;
border: 1px solid;
border-color: #71B1B1 #579A9A #579A9A #71B1B1;
text-transform: uppercase;
width: 8.125em;
}

.buscar input[type="text"]{
border: 1px solid #ECECEC;
margin-right: .5em;
padding: .25em;
-moz-border-radius: 2.5pt;
-webkit-border-radius: 2.5pt;
color: #666666;
width: 8em;
}

#lateral {
width: 225px;
float: left;
position: relative;
z-index: 99;
}

.laterallists {
padding-left: 2em;
margin-left: 1em;
}

.laterallists li{
line-height : 2.5em;
background: #FFFFFF;
}

.laterallists li a{
font-weight: lighter; 
color: #5C5C5C;
}

#lateral h2, #lateralizq h2{
clear: both;
font-size: 1em;
margin: -.5em -.5em .5em -.5em;
padding: 0 1em 0 3em;
line-height: 3em;
text-transform: uppercase;
-moz-border-radius: 4pt;
-webkit-border-radius: 4pt;
color: #4D4D4D;
background: url(../includes/images/h2div.gif) 1em center no-repeat;
}

#lateral .h21{
background: #DD3B0C url(../includes/images/h2divorange.gif) 1em center no-repeat;
color: #FFFFFF;
}

#lateral .h22 {
background: #64A5A5 url(../includes/images/h2divgreen.gif) 1em center no-repeat;
color: #FFFFFF;
}

.lateralconts, .lateralconts1 {
margin: .5em;
padding: .5em;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
-moz-border-radius: 5pt;
-webkit-border-radius: 5px;
}

.lateralconts strong {
font-size: 2em;
}

.lateralconts1 {
height: 35em;}

#fabricantes{
border: 1px solid #CCCCCC;
font-size: .95em;
width: 15em;
color: #4D4D4D;
padding-left: 1em;}

.fabricantes label {
display: none;}

#contenido {
margin: 0 210px 0 225px;
min-height: 66em;
padding-top: .5em;
position: relative;
z-index: 98;
}

.topbar {
background: #292929 url(../includes/images/menu_top.jpg) left top no-repeat;
padding: 10px;
width: 776px;
margin: 0;}

.topbar li{
display: inline;
padding: 1em;
margin: 0;
}

.topbar a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
padding: 10px;
line-height: 22px;
background: url(../includes/images/separator.gif) left center no-repeat
}

.topbar a:hover {
color: #F43907}

#lateralizq {
width: 204px;
float: right;
margin: .5em .5em 0 0;
}

.articulos {
border: 1px solid #ECECEC;
background: #FFFFFF;
-moz-border-radius: 5pt;
-webkit-border-radius: 5pt;
margin: .5em .5em .5em 0;
position: relative;
padding: .5em;
min-height:35em;
}

.articulos h2{
font-size: 1em;
padding: 0 1em 0 3em;
line-height: 3em;
text-transform: uppercase;
color: #4D4D4D;
background: #F0F0F0 url(../includes/images/h2divgray.gif) 1em center no-repeat;
-moz-border-radius: 5pt;
-webkit-border-radius: 5pt;
margin-bottom: .5em;
}

.articulos ul{
margin: 1.5em 1em;
}

.articulos li {
margin-left: 1em;
list-style: url(../includes/images/listmenu.gif);}

.articulos p{
margin-top: 1em;}

#pie {
color: #FFFFFF;
margin: 1em auto 8em auto;
width: 1020px;
font-size: .9em;
}

#pie li {
display: inline;
}

#pie a{
color: #FFFFFF;
font-weight: bold;
padding: 0 1em;
line-height: 2em;
border-left: 2px solid #FFFFFF;
}

#pie a:hover {
text-decoration: none;}

#pie li a{
font-weight: lighter;
border-left: 1px solid #FFFFFF;
text-decoration: none;
}

#pie li a:hover {
text-decoration: underline;}

#pie p{
margin-left: 1em;}

/* =============================================== Menu lateral ==========================================================*/

#nav ul {
padding: .5em;
margin: .5em;}

#nav, #nav ul { /* all lists */
		float : left;
		width : 16em;
	}
	
	#nav li { /* all list items */
		list-style-type: none;
		position : relative;
		float : left;
		line-height : 2.5em;
		width: 16.5em;
		border-bottom: 1px solid #ECECEC;
		background: #FFFFFF url(../includes/images/listmenu.gif) 1em center no-repeat;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 18em;
		margin-top : -.5em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 14em;
		w\idth : 13em;
		display : block;
		color : #5C5C5C;
		text-decoration : none;
		padding-left: 2em;
	}
	
	#nav li a:hover, #lateralwrap li a:hover {
		text-decoration: underline;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: -2em;
		top: .5em;
	}
	
/* ========================================CONTENIDO ==============================================================*/	
.foto {
text-align: center;
height: 160px;
width: 160px;
position: relative;
}

.nuevo {
position: absolute;
right: 0;
top: 0;
}

.ppal {
width: 14.205em;
height: 35em;
padding: 1em;
border-left: 1px solid #ECECEC;
border-bottom: 1px solid #ECECEC;
float: left;
background: #FFFFFF;
font-size: .95em;
position: relative;
}

.ppal strong {
color: #64A5A5;
font-stretch: condensed;
text-transform: capitalize;
font-size: 1.65em;
font-weight: bold;}

.descripcion {
height: 6em;
overflow: auto;
margin: 1em 0;}

.descripcion:first-line{
font-weight: bold;
color: #666666;
}

.ppalprecio {
color: #DA370B;
font-size: 2em;
font-weight: bold;
position: absolute;
bottom: .5em;
left: .5em;
}

.ppalprecio:first-line {
color:#999999;
font-size: .65em;
font-weight: normal!important;}

.gotoarticle {
}

.paginado {
color: #FFFFFF;
background-color:#DD3B0C;
margin: .5em;
padding: .5em;
}

.paginado img {
margin-bottom: -.25em;}

.paginado a{
color: #FFFFFF;
text-decoration: underline;
}

.paginado a:hover {
color: #000000;
}

.paginado select {
position: absolute;
right: 1em;
}

.details {
float: right;
margin-top: -2.5em;
margin-right: 1em;
width: 160px;
padding: .25em;
border: 1px solid #CCCCCC;
background-color:#FFFFFF;
}

.precio {
color: #333333;
text-align: center;}

.precio:first-line {
color: #DA370B;
font-size: 2em;
font-weight: bold;
}

.details li a{
color: #666666;
font-size: .95em;
text-decoration: none;
}

.details li a:hover {
text-decoration: underline;}

.line1{
font-size: 1.5em;
font-weight:bold;
color: #64A5A5;
}

.deal{
background: #DD3B0C; /*url(../includes/images/h2divorange.gif) 1em center no-repeat*/
color: #FFFFFF;
padding: .5em;
-moz-border-radius: 5pt;
-webkit-border-radius: 5pt;
}

.deal h2 {
font-size: 2em;
text-decoration: blink;
background: inherit;
margin: 0;
padding: 0;
color: #FFFFFF;
text-align: center;
}

.deal p {
text-align: center;
color: #FFFFFF;
font-size: 2em;
}

.deal em {
color: #000000;
font-size:.4em;
}

.lateralofertas {
text-align: center;
font-size: .9em;
}

.lateralofertas a{
color: #666666;
text-decoration: none;
}

.lateralofertas a:hover {
text-decoration: underline;}

.bigthumb img{
background: center center no-repeat;}

.accesorios {
border-bottom: 1px solid #64A5A5;
position: relative;
}

.accesorios h3{
color: #64A5A5;
font-size: 1.75em;
font-weight: lighter;
border-bottom: 1px solid #64A5A5;
margin-bottom: .5em;
}

.accesorios p {
float: left;
width: 130px;
height: 190px;
font-size: .95em;
color: #666666;
text-align:center;
background-color: #FFFFFF;
margin: .5em .25em;
}

.accesorios p img {
width: 120px;
height: 120px;
margin-bottom: .75em;
border: 1px solid #CCCCCC;
}
.accesorios p a {
text-decoration: none;
color: #666666;}

.accesorios p strong {
font-size: 1.15em;
font-weight: bold;
color: #000000;
}

.accesorios h4 {
visibility: hidden;
clear: both;}

#bannerbottom {
position: fixed;
bottom: 0;
background-color: #0C5DAB;
width: 100%;
text-align: center;
z-index: 999;
}

#bannerbottom img {
margin: 0 auto;}

.carrito td {
padding: 1em;
border: 1px dotted #CCCCCC;}

.carrito thead td{
text-transform: uppercase;
color: #333333;
font-weight: bold;
font-size: 1em;}

.carrito input[type="text"] {
background-color: #C6C6C6;
border: 1px solid #737373!important;
width: 2em;}

.derecha {
text-align:right;}

.centrar {
text-align: center;}

.carrito strong{
font-size: 1.25em;}


.note{
font-size: .9em;
}

.fieldset {
border: 1px solid #E7E9E8;
background-color: #FFFFFF;
margin: 1em;}

.fieldset fieldset {
background-color: #F8F9F8;
margin: .5em;
border: none;
padding: .5em;
}

.fieldset legend {
visibility: visible;
color: #7C7C7B;
font-weight: bold;
font-size: 1.15em;
margin-bottom: .5em;
}

.fieldset label {
color: #7C7B7B;
width: 150px;
float: left;
text-align: left;
}

.fieldset input[type="text"], .fieldset input[type="password"]{
border: 1px solid #E8E8E7;
width: 25em;
}

.fieldset textarea {
border: 1px solid #E8E8E7;
width: 100%;
height: 5em;
}

em{
color: #FF0000;
font-style: normal;}

#btsend {
background-color: #333333;
}

#signin {
background-color: #6ECDB9;
}

#signin, #btsend{
border: none;
color: #FFFFFF;
font-weight: bold;
font-size: 1.25em;
text-transform: uppercase;
padding: .25em;
}

#signin:hover, #btsend:hover {
cursor: pointer;
}

.mediobox {
width: 49.5%;
float: left;}

.mediobox fieldset {
height: 215px;}

.mediobox label {
display: block;
font-weight: bold;
width: inherit;
float: inherit;
}

.mediobox input[type="text"], .mediobox input[type="password"] {
margin-left: inherit;
width: 17em;
}

.mediobox p {
text-align: justify;
}

#shipmethod, #payment {
float: right;
margin-right: 2em;}

#dropdown {
margin-left: -405px;}

#delivery table {display:table}
#delivery tr {display: table-row}
#delivery td {display: table-cell;
padding: .5em;}

.lineright {
border-right: 1px solid #ECECEC;
width: 200px;}

.totales td {
width: 100px;}

#delivery table tr td {
vertical-align: top;}

#faded { height:336px; position: relative;}
#faded .pagination {position:absolute; bottom:0px; right:12px; padding:0px 0 0px 0px; z-index:99;}
#faded .pagination li {float:left; font-size:18px; line-height:1.2em; padding-left:1px; font-weight:bold;} 
#faded .pagination li a {display:block; text-decoration:none; background:url(/includes2/images/slider-pagination.png) left top no-repeat; width:19px; height:36px; text-indent:-5000px }
#faded .pagination li a:hover, #faded .pagination li.current a { background:url(/includes2/images/slider-pagination-active.png) left top no-repeat;} 
#faded li a { display:block;}
#faded ul {  position:relative; list-style:none; margin:0 auto;}



/*MOOTOOLS*/
.validation-passed { border-color: blue; } /* campo valido */
.validation-failed { border-color: #FF0000; } /* campo invalido */
.validation-advice { color: #FF0000; font-size: .9em;} /* mensaje de error */