*{
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
body{
	width: 100%;
	height: 100%;
	font: 62.5% arial,sans-serif;
	color: #464646;
	background: white url(images/fondo_header.png) top left repeat-x;
	text-align: center;
}
#contenedor{
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}
#contenedor, #footer p{
	width: 990px; /* esta linea decide el ancho del layout */
}
* html #contenedor{
	height: 100%;
}
#header{
	height: 94px;
	text-align: left;
}
#wrapper{
	float: left;
	width: 100%;
	margin-top: 15px;
	padding-bottom: 20px;
	/*background: white url(images/fondo.png) 755px 0 repeat-y;
	background: white url(images/fondo.png) 180px 0 repeat-y;*/
}
#principal{
	margin: 0 200px 0 210px;
	width: 540px;
}
#doscols #principal{
	margin: 0 240px 0 160px;
	width: 540px;
}
#derecha{
	float: left;
	width: 190px;
	margin-left: -210px;
	margin-top: 10px;
	background: #fff url(images/caja-sup.png) top left no-repeat;
	padding-top: 5px;
}
#izquierda{
	float: left;	
	width: 185px;
	margin-left: -990px;
	text-align: right;
	margin-top: 60px;
}
a#logo img{
	position: relative;
	width: 175px;
	height: 57px;
	border: none;
	top: 22px;
	left: 11px;
}

/* navegacion *********************************************************************/

#menu{
	position: absolute;
	height: 26px;
	top: 68px;
	left: 208px;
}
#nav{
	list-style:none;
	height: 26px;
	display: inline;
	overflow: hidden;
}
#nav li{
	list-style: none;
	display: inline;
	padding: 0;
}
#nav a, #nav span{
	float: left;
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:26px; /* for IE5/Win only */
}
#nav a:hover{
	background-position: 0 -26px;
	}

#nav a:active, #nav a.selected, #nav a:hover.selected{
	background-position: 0 -52px;
	}

#nav li.selected span{
	background-position: 0 -52px;
}
	
#empresa a, #empresa span{
	background: url(images/empresa.png) top left no-repeat;
	width: 64px;
	}
#formacion a, #formacion span{
	background: url(images/formacion.png) top left no-repeat;
	width: 89px;
	}
#servicios a, #servicios span{
	background: url(images/servicios.png) top left no-repeat;
	width: 77px;
	}
#consultas a, #consultas span{
	background: url(images/consultas.png) top left no-repeat;
	width: 85px;
	}
#distribucion a, #distribucion span{
	background: url(images/distribucion.png) top left no-repeat;
	width: 93px;
	}
#contacto a, #contacto span{
	background: url(images/contacto.png) top left no-repeat;
	width: 85px;
	}
#enlaces a, #enlaces span{
	background: url(images/enlaces.png) top left no-repeat;
	width: 74px;
	}

/* subnavegacion *********************************************************************/

#subnav li{
	font-size: 1.1em;
	margin-right: 20px;
	color: Silver;
	border-bottom: 1px solid #ebebeb;
	padding: 0;
}
#subnav li a, #subnav li span{
	display: block;
	padding-top: 10px;
	color: #636363;
}
#subnav li a:hover, #subnav li a.activo, #subnav li span.activo{
	background: transparent url(images/marcador.gif) bottom right no-repeat;
	text-decoration: none;
	margin-right: -20px;
	padding-right: 20px;
	color: #0057A6;
}

	
/* footer *********************************************************************/

#footer{
	clear: both;
	position: relative;
	width: 100%;
	margin: -55px auto 0 auto;
}
* html #footer{
	margin-top: -55px;
}
#footer, #footer p{
	height: 40px;
	background: white url(images/sombra2.gif) repeat-x;
}
#footer p{
	padding-top: 15px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.0em;
	color: #8E8E8E;
}

/* estilos basicos *********************************************************************/

h1, h2, h3{
	margin: 5px;
	color: #0057A6;
}
h1{
	font-size: 2.0em;
}
h2{
	font-size: 1.6em;
	margin-bottom: 3px;
}
h2.margen{
	margin-top: 15px;
}
h3{
	font-size: 1.2em;
}
#principal div h4{
	margin: 0 5px 0 5px;
}
h4{
	font-size: 1.1em;
	padding: 4px 0;
	color: #0057A6;
}
.AS_ajax_result h4{
	padding: 2px 0 0;
}
#derecha .AS_ajax_result p{
	margin: 1px 0 3px;
}
.caja h3{
	font-size: 1.3em;
}
p{
	font-size: 1.1em;
	margin: 0 5px 2px 5px;
	line-height: 1.3em;

}
.info h3{
	font-size: 1.3em;
	margin: 8px 5px 0 5px;
}
.info h3 a, .info h3 a:hover{
	color: #0057A6;
}
#derecha p,.item p{
	margin: 5px 0;
	font-size: 1.1em;
}
ul, li, ol.azul{
	list-style: none;
}
ul{
	margin-top: 5px;
}

ol li#primero{
	background: #fff url(images/primero.gif) top left no-repeat;
}
ol li#segundo{
	background: #fff url(images/segundo.gif) top left no-repeat;
}
ol li#tercero{
	background: #fff url(images/tercero.gif) top left no-repeat;
}
ol{
	list-style: decimal;
	margin-top: 9px;
}

li{
	font-size: 1.1em;
	padding: 3px 30px;
}
li p{
	font-size: 1.1em;
}
.item{
	float: left;
	width: 200px;
	height: 235px;
	padding: 5px 40px 5px 25px;
	background: transparent;
}
#principal div.item h4{
height: 13px;
overflow: hidden;
margin-left: 0;
}

a img{
	border: none;
}
a{
	color: #4989C4;/* a-#E966A3 , a:hover-#E50083 , azul clarito #4292DB */
	text-decoration: none;
}
a:hover{
	color: #E50083;
	text-decoration: underline;
}
.clear{
	clear: both;
}
/* formulario acceso *********************************************************************/

fieldset{
	border: none;
}
fieldset#recordarme{
	width: 94px;
	float: left;
	margin-bottom: 14px;
	margin-top: 7px;
}
input.btacceso{
	float: right;
	margin-top: 8px;
	margin-right: 7px;
	width: 60px;
	background-color: #FFF;
	color: #7D7D7D;
}
#buscar input.boton{
	width: 50px;
padding: 0;
	background-color: #FFF;
	color: #7D7D7D;
}
#buscar input{
	width: 84px;
	font-size: 1.1em;
	padding: 1px;
}
label{
	font-size: 1.1em;
	width: 70px;
	display: block;
	float: left;
	clear: left;
	padding-top: 3px;
	height: 16px;
}
label.register{
	text-align: right;
	width: 160px;
}
label.publisher{
	float: none;
}
input.inputBox{
	width: 200px;
}
form#registro{
margin: 0;
padding: 0;
	margin-top: 10px;
}
fieldset#recordarme input{
	border: none;
}
input.entrada, input.olvido{
	padding: 1px;
	margin-bottom: 5px;
}
input.entrada{
	width: 100px;
}
input.olvido{
	width: 160px;
}
input{
	border: 1px solid #C2C2C2;
	font-size: 1.1em;
	color: #7D7D7D;
background-color: white;
	padding: 1px;
}
#principal input{
margin-left: 5px;
margin-bottom: 3px;
	padding: 1px;
}
#principal input.editor{
margin-left: 0;
}
#principal input.enviar{
margin-left: 83px;
}
.caja{
margin-bottom: 5px;
	padding: 0;
	padding-top: 0;
}
#buscar{
	padding: 5px;
	padding-top: 0;
	background: #fff url(images/caja-inf.png) bottom left no-repeat;
}
#ajaxSearch_form{
background: transparent url(images/fondo-buscar.png) top right no-repeat;
}
#searchClose{
	width: 16px;
	height: 12px;
}
#indicator{
	width: 14px;
	height: 12px;
}
#ajaxSearch_output{
	padding-top: 3px;
}
#current-search-results{
	padding-top: 5px;
}
#WebLoginLayer0, #WebLoginLayer2{
	margin-top: 20px;
	padding: 0 5px;
	background: transparent url(images/caja-inf.png) left -195px no-repeat;
	color: #8E8E8E;
}
#WebLoginLayer0 img{
	margin: 0 -5px;
}
/*form#login{
	height: 8em;
	background: transparent url(images/caja-inf.png) left bottom no-repeat;
}*/
.caja h2{
	margin: 0;
	font-size: 1.5em;
}
.azul{
	color: #0057A6;
}
.rojo{
	color: #CC0033;
}
.gris{
	color: #898989;
}
p.azul{
	padding: 10px 30px;
}
#mision{
	padding-bottom: 10px;
}
.info{
	float: left;
	width: 250px;
	margin-left: 5px;
	margin-top: 4px;
}
.info img{
	float: left;
	margin-right: 8px;
	margin-top: 12px;
}
hr{
	clear: both;
	visibility: hidden;
}
/*#admin div{
	border-bottom: 1px solid #ebebeb;
}*/
.AS_ajax_result{
	margin-bottom: 3px;
	border-bottom: 1px solid #e1e1e1;
}
#admin h2, #admin h3, #admin h4{
margin: 0;
padding: 0;
color: #CC0033;
}
#admin h3{
font-size: 1.4em;
}
#admin h4{
font-size: 1.1em;
color: #636363;
}
#admin h3, #admin h4{
padding: 3px 0 0 0; 
}
#admin a{
	color: #959595;
}
#admin ul{
margin: 0;
padding-bottom: 2px;
}
#admin li{
padding: 1px 0;
border-bottom: 1px solid #ebebeb;
}

div.barra_administracion{
margin-top: 5px;
}
#principal input.button{
float: left;
border: 1px solid #CC0033;
color: #CC0033;
margin-bottom: 1px;
margin-left: 2px;
padding: 2px;
}
p.mini{
font-size: 1.0em;
border-bottom: 1px solid #ebebeb;
	color: #8E8E8E;
}
p.derecha{
	text-align: right;
	margin-top: -15px;
}

.bordetop{
border-top: 1px solid #ebebeb;
}
#principal label{
margin-left: 5px;
}
.categorias{
padding-left: 75px;
font-size: 1.1em;
line-height: 1.4em;
}
.producto{
padding-right: 50px;
}
.producto .bordetop{
margin-top: 10px;
}
#datos_contacto{
float: right;
width: 200px;
padding-top: 5px;
/*border-left: 1px solid #ebebeb;*/
padding-left: 20px;
margin-right: 30px;
}
#form_contacto{
float: left;
width: 200px;
}
#form_contacto label{
width: 200px;
}
#form_contacto textarea{
	border: 1px solid #C2C2C2;
	font: normal 1.3em arial, sans-serif;
	font-size: 1.1em;
	color: #7D7D7D;
background-color: white;
	padding: 1px;
margin-left: 5px;
margin-bottom: 10px;
}
td{
font-size: 1.1em;
}
.producto img{
margin-left: 5px;
}
.paginacion{
margin-left: 15px;
}
.consulta{
	border-bottom: 1px solid #ebebeb;
			background: #fff;
			padding-left: 5px;
}
.consulta p.mini{
	border: none;
}
.consulta h2{
	background: #fff url(images/marca-consulta.png) no-repeat left center;
	padding-left: 10px;
	margin-left: -5px;
}
#espacio{
	padding-right: 180px;
}
em{
	font-style: normal;
}


.jot-err {border: 1px solid red;font-weight: bold;color: red;padding: 5px;margin-bottom: 10px;}
.jot-cfm {border: 1px solid green;font-weight: bold;color: green;padding: 5px;margin-bottom: 10px;}
.jot-row {margin: 10px 0;}
.jot-row-alt {}
.jot-row-author {}
.jot-row-me {}
.jot-row-up {border: 1px dotted red;}
.jot-row-new {border: 1px dotted green;}
.jot-comment {padding: 3px 0; color: #464646;}
.jot-comment hr {border: 0px; border-bottom: 1px solid #cccccc;}
.jot-posticon {float: left;width: 20px;height: 20px;padding-top: 8px;padding-right: 3px;}
.jot-posticon img {border: 0px;}
.jot-mod {float: right;width: 100px;text-align: right;color: #666666;font-weight: bold;}
.jot-mod img {border: 0px;}
.jot-mod a {float: right;padding: 1px;padding-left: 2px;padding-right: 2px;}
.jot-mod a:hover {background-color: #666666;color: #666666;}
.jot-subject {color: #618200;font-weight: bold;font-size: larger;}
.jot-message {padding: 0; background-color: #fff; color: #464646;}
div.jot-comment div div.jot-message p{background-color: #fff; color: #464646;}
.jot-poster {padding: 0px;text-align: left;font-size: 10px;}
.jot-nav {padding: 0px;text-align: center;margin: 10px;}
.jot-list ul {padding: 0px;text-align: left;margin-bottom: 10px;list-style-position: inside;}
.jot-subscribe {margin-bottom: 10px;}
.jot-form {margin-bottom: 10px; margin-left: 5px;}
.jot-form fieldset {border: 0px;}
.jot-form label {display: block;}
.jot-user {float: left;width: 80px; }
.jot-content {margin-left: 80px;}
.jot-extra {text-align: right;}
.jot-editby {font-size: 10px;color: #666666;font-style: italic;}

table#tablaproductos{
width: 500px;
}
table#tablaproductos td{
border-bottom: 1px solid #ebebeb;
vertical-align: top;
padding: 0 0 0 5px;
}
.shopxFooter, select, option, input{
font-size: 1.1em;
}
select{border: 1px solid #c2c2c2; color: #7D7D7D;}
#carro{padding: 5px; margin-top: 20px; color: #8E8E8E;}
#carro table tr{vertical-align: top;}
#carro table td{border-bottom: 1px solid #ebebeb; padding: 0 3px 0 0;}
#carro table td.right{text-align: right;}
table#tablecheckout{width: 500px; padding: 5px; margin: 5px;}
table#tablecheckout th{font-size: 1.1em; font-weight: bold;}
table#tablecheckout td{border-bottom: 1px solid #ebebeb; padding: 0 4px 0 0}
table#tablecheckout td input{padding: 1px; font-size: 1.1em;}
table#tablecheckout td.right{text-align: right;}
fieldset#scPaymethods{font-size: 1.1em; margin-top: 5px;}
fieldset#scPaymethods input{margin: 5px 3px 0 10px;}
table#datoscliente{margin-bottom: 10px;}
table#datoscliente td{padding: 0 5px; border-bottom: 1px solid #ebebeb;}