/*
Company:	Ismael Orfebre C.B
File:		main.css - Css Principal

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/
/* #9C282B Rojo granate 
  #004a94 Azul fuerte */
/* @group Global Browser Reset */
* {

padding:0;

margin:0;

}

h1, h2, h3, h4, h6, p, pre, blockquote, ol, dl, fieldset, address { margin:20px 0; }


dd, blockquote { margin-left: 40px; }

/*li {margin-left:0px;}*/
a {text-decoration:none;}

fieldset { padding:10px; }

img { border: 0px; }
/* @end */

/* @group HTML, Body */
body {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;*/
	background:#E7EFF7 url(../images_css/fondo.gif) repeat-x scroll left top;
	/*background:#D6E3E9 url(../images_css/ytbback.png) no-repeat scroll 50% 0;*/
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 12px;
	
	/*background: url(../images_css/bodyBg.png);*/
	/*background-color: #efefef;*/

}
/* @end */

/* @group Layout */
/*lo de fuera*/
div#outer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div#header {
	height: 90px;
	margin: 5px 0 0 0;
}
/*layour de arriba, entre login y main, donde tenemos el menu*/
div#body-top {
	width: 999px;
	height: 48px;
	margin-top:0px;
	background: url(../images_css/body-top.png) no-repeat;
	overflow: hidden;
	
}
/*Layout en medio*/
div#body-middle {
	width: 999px;
	padding: 10px 0;
	background: url(../images_css/body-middle.png) repeat-y;
}
div#body-bottom {
	width: 999px;
	height: 25px;
	background: url(../images_css/body-bottom.png) no-repeat;
	overflow: hidden;
}

/*layout principal, del texto*/
div#main-col {
	width: 555px;
	float: left;
	margin-left: 10px;
	margin-right:10px;
	display: inline;
}
/*layout con parte derecha mas ancha*/
div#main-col3 {
	width: 500px;
	float: left;
	margin-left: 30px;
	margin-top:0px;
	display: inline;
}
/*layout sin parte derecha*/
div#main-col2 {
	width: 720px;
	float: left;
	margin-left: 20px;
	margin-top:0px;
	/*margin-right:20px;*/
	display: inline;
}
div#nameplate-top {
	width: 444px;
	height: 8px;
	background: url(../images_css/nameplate-top.gif) no-repeat;
	overflow: hidden;
}
div#nameplate-middle {
	width: 444px;
	background-color: #c6d8e8;
	padding: 4px 6px;
}
div#nameplate-middle img {
	float: left;
	display: inline;
}
div#nameplate-middle p {
	float: right;
	text-align: right;
	margin: 0;
	line-height: 27px;
	color: #fff;
	text-transform: uppercase;
	font-size: 80%;
	display: inline;
}
div#nameplate-bottom {
	width: 444px;
	height: 8px;
	background: url(../images_css/nameplate-bottom.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 15px;
}
/*Layout de arriba del contenido*/
div#content-top {
	width: 473px;
	height: 8px;
	background: url(../images_css/content-top.gif) no-repeat;
	overflow: hidden;
}
/*Layout del contenido con parte dercha*/
div#content-wrapper {
	width: 512px;
	border-right: 8px solid #c5d6e8;
	border-left: 8px solid #c5d6e8;
}
/*Layout del contenido sin parte drcha*/
div#content-wrapper2 {
	width: 680px;
	border-right: 8px solid #c5d6e8;
	border-left: 8px solid #c5d6e8;
}
/*contenidoo*/
div#content {
	background-color: #688ba8;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 10px 0;
}
div#content2 {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 10px 0;
}
/*div dentro del contenido*/
div#content div {
	padding: 5px 10px;
	border-bottom: 1px solid #c5d6e8;
}
/*Parte de abajo del contenido*/
div#content-bottom {
	width: 403px;
	height: 8px;
	background: url(../images_css/content-bottom.gif) no-repeat;
	overflow: hidden;
}

/*Layout de la derecha*/
div#side-col {
	width: 221px;
	float: right;
	margin-right: 40px;
	display: inline;
}

div.side-box-top {
	width: 221px;
	height: 7px;
	background: url(../images_css/side-box-top.gif) no-repeat;
	overflow: hidden;
}
div.side-box-middle {
	width: 221px;
	background-color: #c6d8e8;
	padding: 1px 0;
	text-align: center;
}
div.side-box-bottom {
	width: 221px;
	height: 7px;
	background: url(../images_css/side-box-bottom.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

/*Layout parte izquierda*/
div#side-coll {
	width: 180px;
	float: left;
	margin-left: 30px;
	display: inline;
}
div.side-box-topl {
	width: 180px;
	height: 7px;
	background: url(../images_css/side-box-topl.gif) no-repeat;
	overflow: hidden;
}
div.side-box-middlel {
	width: 180px;
	background-color: #c6d8e8;
	padding: 1px 0;
	text-align: center;
}
div.side-box-bottoml {
	width: 180px;
	height: 7px;
	background: url(../images_css/side-box-bottoml.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

/*Layout parte derecha mas pequeño*/
div#side-colr {
	width: 180px;
	float: right;
	margin-right: 30px;
	display: inline;
}
div.side-box-topr {
	width: 180px;
	height: 7px;
	background: url(../images_css/side-box-topl.gif) no-repeat;
	overflow: hidden;
}
div.side-box-middler {
	width: 180px;
	background-color: #c6d8e8;
	padding: 1px 0;
	text-align: center;
}
div.side-box-bottomr {
	width: 180px;
	height: 7px;
	background: url(../images_css/side-box-bottoml.gif) no-repeat;
	overflow: hidden;
	margin-bottom: 10px;
}

div#footer {
	/*margin-top:-4px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	width:650px;
	height:100px;
	background: url(../images_css/footer.png) no-repeat;
	text-align: center;
	color: #EC5101;*/
	margin-top:-4px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	padding-top:7px;
	width:900px;
	height:50px;
	background: url(../images_css/footer.png) no-repeat;
	text-align: left;
	color: #EC5101;
}
.footerHolder{margin-left:10px;margin-right:10px;}

div#logo {
	width: 300px;
	/*height: 62px;*/
	margin: 0 0 0px 0;
	float: left;
	/*display: inline;*/
}
div#login-box {
	float: right;
	width: 304px;
	height: 35px;
	background: url(../images_css/login-tab.png) no-repeat;
	margin: 55px 10px 0 0;
	overflow: hidden;
	display: inline;
}
div#preheader{width:999px;}
div#mensajeNoJava{text-align:center;background-color:red;padding:10px;margin-bottom:10px;}
div#mensajeNoJava p{margin:0;font-size:1.4em;color:white;font-weight:bold;}

/* Div de los Pasos de un Pedido*/
div#pasoPedido{
	width: 720px;
	float: left;
	/*margin-left: 15px;*/
	margin-top:10px;
}
div.cabeceraPasos {
	width:703px;
}
div.contenidoPasos{
	width:703px;
	margin-top:10px;
	
}

div.contenidoIzqda{
	width:330px;
	float:left;
}

div.contenidoDrcha{
	width:330px;
	float:right;

}
div.limpiaFloat{
      clear:both;
}


/*Prueba cabecera*/
#precabecera{
	height: 21px;
	text-align: right;
	/*background-image: url(/images/fondo_precabecera.gif);
	background-repeat:  repeat-x;*/
	padding-right: 10px;
	padding-left: 10px;
	/*padding-top: 5px;*/
	color:#ffffff;
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
}

#precabecera a{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
}

#precabecera ul.top_account{
	margin: 0px;
	font-weight: bold;
	float: right;
}

#precabecera ul.top_account li{
	display: inline;
	float: left;
}


#precabecera ul.top_account li.left{
	width: 6px;
	height: 21px;
}

#precabecera ul.top_account li.right{
	width: 6px;	
	height: 21px;	
}

#precabecera ul.top_account li.center{
	/*background-image: url(/images/top_account_center.gif);
	background-repeat:  repeat-x;*/
	background-color:#004a94;
	height: 17px;	
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}


#precabecera a:hover{
	text-decoration: underline;
}





/* @end */


/* @group Nav */
ul#main-nav {
	/*background: url(../images_css/nav-tabs.png) no-repeat;*/
	height: 27px;
	margin: 14px 0 0 300px;
	overflow: hidden;
}
ul#main-nav li {
	background: url(../images_css/azul.png) no-repeat;
	float: left;
	list-style-type: none;
	width: 140px;
	margin: 0;
	height: 27px;
	text-align: center;
	line-height: 28px;
}
ul#main-nav li#right-tab {
	margin-left: 83px;
}
ul#main-nav a:link, ul#main-nav a:visited {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	
	font-weight:bold;
	font-size: 120%;
}
ul#main-nav a:hover {
	color: #ccc;
}
ul#main-nav li.selected
{
background: url(../images_css/rojo.png) no-repeat;
}

/* @end */

/* @group Headings */
h1 {
	font-size: 120%;
	font-weight: bold;
	color: #febb3a;
	margin: 5px 0;
}
h2 {
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	margin: 5px 0;
}
h3 {
	font-size: 130%;
	font-weight: normal;
	color: #92a8bd;
	margin: 5px 0;
}
h4 {font-family: Trebuchet MS; color: #92a8bd;font-size: 18px; font-weight: bold; }
h5 {font-family: Trebuchet MS; color: #004a94; font-size: 18px; font-weight: bold;margin-bottom:10px;text-decoration:underline; }
h6 {font-family: Trebuchet MS; color: #9C282B; font-size: 15px; font-weight: bold;margin-bottom:10px; }
.h7 {font-family: Trebuchet MS; color: #004a94; font-size: 15px; font-weight: bold;margin-bottom:10px; }

/* @end */

/* @group Text Styles */
div#content div p {
	margin: 10px 0;
	color: #fff;
	line-height: 160%;
}
div#login-box {
	color: #fff;
}

div#footer {
	color: #cccccc;
}
/* @end */

/* @group Lists */
	
/* @end */

/* @group Forms */
div#login-box form {
	margin: 10px 0 0 0;
	text-align: center;
	font-weight:bold;
}
div#login-box form input {
	margin: 0;
	vertical-align: middle;
	font-size:11px;
}
div#login-box form input.txt {
	width: 75px;
	border: 1px solid #46627c;
	padding: 2px;
	height: 12px;
	line-height: 10px;
}
/* @end */

/*Gallery css para articulo */
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		/*background-color: #444;*/
		background-color: #fff;
		width: 520px;
	}
	#gallery ul { list-style: none; padding: 10px;}
	#gallery ul li { display: inline; }
	#gallery ul img {
		/*border: 5px solid #3e3e3e;*/
		border: 5px solid #92a8bd;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		/*border: 5px solid #fff;*/
		border: 5px solid #2329a6;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

/*@endd*/

/* @group Links - link visited hover active */
div#content a:link, div#content a:visited {
	color: #febb3a;
	text-decoration: none;
}
div#content a:hover {
	text-decoration: underline;
}

div#footer a:link, div#footer a:visited {
	color: #cccccc;
	text-decoration: none;
}
div#footer a:hover {
	text-decoration: underline;
}
/* @end */
/*General*/
.list_center {width: 100%; margin-left: 0px; }
.orderStep {margin-left: 0px; margin-top: 10px; margin-right:10px; }
.limpiaFloat{
      clear:both;
}
.lineaVertical {width:5px;float:left;height: 80px; border-right: solid 2px #000;}

/*Footer*/
.footerTexto{float:left;width:500px;}

/*.shadow{background:transparent url(../images_css/bg_music.png) repeat-y center top;}*/

/*QSomos*/
.qsomosMain{margin-top:3px;margin-left:10px;}
.qsomosDatos{font-size:15px;}
.qsomosBloque{width:100%;margin-left:15px;}
.qsomosBloque img {float:left;height:30px;}
.qsomosBloque div {float:left;margin-bottom:10px;}
.qsomosBloqueEpi {float:left;width:680px;padding-top:10px;font-size:12px;font-weight:bold;}
.qsomosBloque2 {width:100%;margin-left:40px;}
.qsomosBloque2 img {float:left;height:20px;}
.qsomosBloque2 div {float:left;margin-bottom:10px;}
.qsomosBloque2Text {padding-top:5px;width:650px;}
.qsomosTitulo {font-size:17px;font-weight:bold;margin-bottom:15px;font-family:Trebuchet MS;}

/*Login Box de la Cabecera*/
.textLoginTable{height:100%;width:100%;}
.textoLogin{height:100%;width:100%;text-align:right;margin-top:20px;margin-left:20px; font-family: Trebuchet MS; color: #92a8bd; font-size: 15px; }

.login-boxText {text-align:center;margin:10px;font-family:sans-serif;font-weight:bold;font-size:12px;}
.login-boxText a {color:#fff;}

/*Contenidoo*/
.contentTitle { color: #666666; font-weight:bold; background-image: url(../images/title_content.gif); height: 29px; vertical-align: middle; font-size: 12px; text-align: center;  }
.contentText { padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; line-height: 16px; text-align: justify; }
.contentSubTitle { color: #004a94; font-weight: bold; vertical-align: middle; padding-top: 10px;margin-bottom:10px; }

.contentSpacer { height: 100%; }
.contenidoEtiqueta {color:#333435; font-weight:bold; font-size:11px; float:left; padding-top:5px; padding-left:10px; text-align:right; padding-right:4px;}
.contenidoInput input { font-size:11px; border:solid 1px #004a94; float:right; margin-top:2px;width:170px; padding-left:4px; color:#040404; }
.contenidoMain { float:left; width:700px; margin-top:10px;margin-left:10px; margin-right:8px;}
.contenidoBoton {border:0;margin-top:5px;margin-left:220px;margin-bottom:20px;}
/* Bloque de label, input y error para campos de un form*/
.contenidoBloque {width:300px; height:20px; margin-bottom:10px;}
.contenidoBloque label { font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#333435; width:120px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.contenidoBloque label.error {width:300px;text-align:left;color:red;font-weight: bold;margin-bottom:5px;margin-left:134px;}
.contenidoBloque input { font-size:11px; padding-left:4px; border:solid 1px #004a94; width:150px;}
.contenidoBloqueF input {border:0;margin-top:5px;margin-left:220px;margin-bottom:20px;}
.contenidoBloqueF a {width:260px;margin-top:50px;color:#004a94;}
.contenidoBloqueF a:hover {color:#004a94;}
.contenidoBloqueF a:link {text-decoration:none;}
/*...................*/
.contenidoCuadroOut { float:left; width:340px; margin-top:20px; margin-right:8px;}
.contenidoCuadro{ border:solid 1px #CCCCCC;}
.contenidoCuadroTitulo{padding:6px;font-size:12px;padding-top:8px;background-image:url(../images_css/bgLineaTitulo.gif);text-align:center; background-repeat:repeat-x; height: 16px; color:#004a94; font-weight: bold;}
/*.contenidoCuadroTitulo {  padding-top:15px; padding-left:10px; height:30px; color:#A11910; background-color:#F6F6F6; font-weight:bold;}*/
.contenidoCuadroTexto { background-color:#FFFFFF; font-size:11px; color:#333435; padding-top:10px; padding-bottom:8px; padding-left:10px; padding-right:10px; }
.contenidoCuadroHolder { background-color:#FFFFFF; width:300px;margin-top:5px;margin-bottom:25px; }
.contenidoCuadroHolder div {margin-bottom:10px;}
.contenidoCuadroHolder label { font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#000; width:100px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.contenidoCuadroHolder label.error {width:200px;text-align:left;color:red;font-weight: bold;margin-bottom:5px;padding-left:115px;}
.contenidoCuadroHolder input { font-size:11px; padding-left:4px; border:solid 1px #004a94; width:150px;}
.contenidoCuadroHolder select {font-size:11px; padding-left:4px;border:solid 1px #004a94; width:60px; }
.contenidoMensaje {width:400px;float:left;font-weight:bold;margin-top:20px;margin-left:170px;}
.contenidoMensaje img {float:left;}
.contenidoMensaje div {width:300px;float:left;margin-left:10px;margin-top:15px;}
.contenidoMensaje div.botonesPago {width:200px;margin-left:40px;}
.contenidoMensaje div.botonesPago .imagenVisa {margin-left:5px;}


/*para el index*/
.contenidoB2 {margin-left:10px;/*margin-right:10px;*/width:540px;}
.contenidoB2 img {margin-top:5px;margin-bottom:20px;}
.contenidoSubTituloB2 { color: #004a94; font-weight: bold; vertical-align: middle; padding-top: 10px;margin-bottom:15px; }
.contenidoCabeceraB2 {border: 1px solid #ccc;margin-top:2px;padding:6px;font-size:14px;padding-top:8px;background-image:url(../images_css/bgLineaTitulo.gif);text-align:center; background-repeat:repeat-x; height: 16px; color:#004a94; font-weight: bold;}
.contenidoTextoB2{width:518px;border: 1px solid #ccc;text-align:justify;padding:10px;font-family:arial;}
.contenidoCentradoB2{width:518px;margin-left:120px;}
.contenidoCentradoB2Registro{width:518px;margin-left:100px;}
.contenidoLibreB2{width:518px;padding:10px;font-family:arial;font-weight:bold;font-style: italic;}
.contenidoLibreB2 div{margin-bottom:20px;margin-top:15px;}
.contenidoLibreB2 div input { font-size:12px; padding-left:4px; border:solid 1px #A11910; width:150px;}
/*
.contenidoCuadroHolder div {margin-bottom:10px;}
.contenidoCuadroHolder label {color:#333435; font-weight:bold; font-size:11px; float:left; padding-top:5px; padding-left:10px; text-align:right; padding-right:4px;}
.contenidoCuadroHolder input { font-size:11px; border:solid 1px #EC5101; float:right; margin-top:2px;width:170px; padding-left:4px; color:#040404; }*/
.contenidoCuadroBoton { text-align:center; padding-top:6px; padding-bottom:3px; border-top:solid 1px #CCCCCC; background-color:#F6F6F6;}
.contenidoCuadroBoton input { border: none; }
.contenidoOsi {float:left;width:600px;margin-top:30px;margin-bottom:20px;text-align:justify;}
.contenidoUrl {float:left;width:300px;margin-top:10px;margin-bottom:10px;}
.contenidoUrl img {width:26px;height:26px;float:left;}
.contenidoUrl div {margin-left:35px;margin-top:6px;}
.contenidoUrl a {font-weight:bold;color:#004a94;margin-left:4px;float:left;}
.contenidoUrl a:hover {color:#004a94;}
.contenidoUrl a:link {text-decoration:none;color:#004a94;}

/*Listado de Pedidos*/
.ListPedido{width:600px;margin-top:20px;}
.cabeceraListPedido{border: 1px solid #ccc;background-image:url(../images_css/bgLineaTitulo.gif);padding-left:6px; background-repeat:repeat-x; height: 30px; color: #EC5101; font-weight: bold;}
.cabeceraListPedido div {width:104px;float:left;margin-left:10px;margin-top:7px;color:#9C282B;}
.contenidoListPedido{border: 1px solid #ccc;}
.contenidoLineaPedido{border-bottom:1px solid #ccc;height:30px;padding:6px;}
.contenidoLineaPedido div{width:104px;float:left;margin-left:10px;}
.contenidoLineaPedido div a {font-weight:bold;color:#004a94;}
.contenidoLineaPedido div a:link {text-decoration:none;}

/*Contacto*/
.contactForm {width:400px; margin-bottom:8px;}
.contactForm div {margin-bottom:10px;}
.contactForm div label {font-style:normal;font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#333435; width:120px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.contactForm div label.error {width:325px;text-align:right;color:red;font-weight: bold;margin-bottom:5px;}
.contactForm div input { font-size:11px; padding-left:4px; border:solid 1px #004a94; width:150px;}
.contactForm div textarea{font-size:11px;border:solid 1px #004a94;width:200px;}


/*Mi cuenta*/
.miCuenta div {margin-bottom:20px;height:50px;margin-left:20px;}
.miCuenta div img {float:left;width:60px;}
.miCuenta div a {float:left;margin-top:11px;font-weight:bold;color:#004a94;margin-left:10px;}
.miCuenta div a:link {color:#004a94;text-decoration:none;}
.miCuenta div span {float:left;margin-left:10px;}

/*%%%%%%%%%%%%%%%%%%%%%%%%*/
/*Cabecera Pasos del pedido*/
/*.tituloPaso {width:100%;  height: 40px; font-family: Trebuchet MS; color: #92a8bd; font-size: 24px; font-weight: bold;  }*/
.tituloPaso {width:100%;  height: 40px; font-family: Trebuchet MS; color:#9C282B ; font-size: 24px; font-weight: bold;  }
.tituloPaso img { margin-top: 5px; }
.pasosPedidoImgs { height:102px;  padding-top:15px; clear:both;}
.tituloPasoSmall {font-family: Trebuchet MS; background-image:url(../images_css/bgLineaTitulo1.gif);
background-repeat:repeat-x;color: #9C282B; font-size: 14px; font-weight: bold;}
/*.tituloPasoSmall {font-family: Trebuchet MS; color: #92a8bd; font-size: 15px; font-weight: bold;}*/
/*.tituloContenedorPasos{ padding-top:15px; padding-left:10px; height: 22px; color:#EC5101; background-color:#F6F6F6; font-weight:bold;}*/
.tituloContenedorPasos{ padding-top:10px;background-image:url(../images_css/bgLineaTitulo.gif);background-repeat:repeat-x; padding-left:10px; height: 22px; color:#004a94;  font-weight:bold;}

.order_paso_1_on { color:#484848; float:left; width:216px; margin-right: 27px; height:86px; background-image:url(../images/paso_1_banner_on.jpg); background-repeat:no-repeat; }
.order_paso_1_on div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }
.order_paso_2_on { color:#484848; float:left; width:216px; margin-right: 27px; height:86px; background-image:url(../images/paso_2_banner_on.jpg); background-repeat:no-repeat;}
.order_paso_2_on div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }
.order_paso_3_on { color:#484848; float:left; width:216px; margin-right: 0px; height:86px; background-image:url(../images/paso_3_banner_on.jpg); background-repeat:no-repeat;}
.order_paso_3_on div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }

.order_paso_1_off { color:#484848; float:left; width:216px; margin-right: 27px; height:86px; background-image:url(../images/paso_1_banner_off.jpg); background-repeat:no-repeat;}
.order_paso_1_off div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }
.order_paso_2_off { color:#484848; float:left; width:216px; margin-right: 27px; height:86px; background-image:url(../images/paso_2_banner_off.jpg); background-repeat:no-repeat;}
.order_paso_2_off div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }
.order_paso_3_off { color:#484848; float:left; width:216px; margin-right: 0px; height:86px; background-image:url(../images/paso_3_banner_off.jpg); background-repeat:no-repeat;}
.order_paso_3_off div { padding-left: 65px; padding-top: 11px; padding-right: 5px; font-size: 11px; }

/*Login Pasos*/
.loginContenedor { float:left; width:300px; margin-top:20px; margin-right:40px;}
.loginMain { border:solid 1px #CCCCCC;}
.loginTitulo{padding:6px;font-size:12px;padding-top:8px;background-image:url(../images_css/bgLineaTitulo.gif);text-align:center; background-repeat:repeat-x; height: 16px; color:#004a94; font-weight: bold;}
.loginTexto { background-color:#FFFFFF; font-size:11px; color:#333435; padding-top:10px; padding-bottom:8px; padding-left:10px; padding-right:10px; }
.loginInputContenedor{background-color:#FFFFFF; width:290px; }
.loginInputContenedor div {margin-bottom:10px;margin-top:10px;}
.loginInputContenedor div label { font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#333435; width:100px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.loginInputContenedor label.error {width:150px;float:left;text-align:left;display:block;color:red;margin-left:115px;margin-top:0px;margin-bottom:10px;}
.loginInputContenedor div input { font-size:11px; padding-left:4px; border:solid 1px #004a94; width:150px;}
.loginRecuerda { padding-top:20px; padding-bottom:5px;margin-top:20px; text-align:left; padding-left:8px; font-size:10px; background-color:#FFFFFF;}
.loginRecuerda a {color:#004a94;}
.loginRecuerda a:hover {color:#9C282B;}
.loginBoton { text-align:center; padding-top:6px; padding-bottom:3px; border-top:solid 1px #CCCCCC; background-color:#F6F6F6;}
.loginBoton input { border: none; }
.loginError{color:red;font-weight:bold;padding-top:10px; padding-left:10px;}

.pass_1_customerLogin { border:solid 1px #CCCCCC;}
.pass_1_customerLoginTitle {  padding-top:15px; padding-left:10px; height:30px; color:#EC5101; background-color:#F6F6F6; font-weight:bold;}
.pass_1_customerLoginText { background-color:#FFFFFF; font-size:11px; color:#333435; padding-top:10px; padding-bottom:8px; padding-left:10px; padding-right:10px; }
.pass_1_customerLoginLabel {color:#333435; font-weight:bold; font-size:11px; float:left; padding-top:5px; padding-left:10px; text-align:right; padding-right:4px;}
.pass_1_customerLoginInput input { font-size:11px; border:solid 1px #EC5101; float:right; margin-top:2px;width:170px; padding-left:4px; color:#040404; }
.pass_1customerLoginRemmember { padding-top:30px; padding-bottom:5px; text-align:left; padding-left:8px; font-size:10px; background-color:#FFFFFF;}
.pass_1customerLoginRemmember a {color:#EC5101;}
.pass_1customerLoginRemmember a:hover {color:#E901BB;}
.pass_1_customerLoginButton { text-align:center; padding-top:6px; padding-bottom:3px; border-top:solid 1px #CCCCCC; background-color:#F6F6F6;}
.pass_1_customerLoginButton input { border: none; }
.pass_1_customerLoginHolder { background-color:#FFFFFF; width:290px; }

/*Registro Paso 1*/
.pedidoRegistro{ width:360px; float:left;margin-left:35px; margin-top:10px; margin-bottom:10px;}
.pass1_orderRegister {border:solid 1px #CCCCCC; width:98%; background-color:#F6F6F6;}
.pass_1_customerRegisterTitle { padding-top:5px; padding-left:10px; height: 36px; color:#EC5101; background-color:#F6F6F6; font-weight:bold; width:100%; vertical-align: middle; }
.pass_1_customerRegisterTitle td { vertical-align: middle; }

.pass1_sigininLabel { font-size:11px; color:#333435; width:150px; font-weight:bold; text-align:right; padding-right:3px; }
.pass1_zoneInput { text-align: left; padding-left: 20px; }
.pass1_zoneInput input { font-size:11px; padding-left:4px; border:solid 1px #EC5101; width:150px;}
.pass1_zoneInput select { font-size:11px;}
.pass1_requiredText { font-size:10px; padding-left:40px; padding-top:5px;}

.rowAlignMiddle { vertical-align: middle; }
.rowAlignMiddle td { vertical-align: middle; }
.pass1_avisoLegal {width:330px;}
.pass1_avisoLegal textarea { width:300px;margin-left:15px;margin-right:15px;height:70px;font-size:11px;}
.pass1_confirmar { text-align:center; border-top:solid 1px #CCCCCC; padding-top:10px; padding-bottom:10px;}
.pass1_confirmar input { border: none; }
.msgWarning {margin-left:10px;margin-right:10px;margin-bottom:5px; font-size:10px; color: #DD0000;text-align:justify; }

.errorRegistro { padding-top:5px; padding-left:10px; text-align:center; height: 36px; color:#ff0000; background-color:#F6F6F6; font-weight:bold; width:100%; vertical-align: middle; }
.errorRegistro td { vertical-align: middle; }

/*Paso 2*/
.pass_2_invoiceHolder {border:solid 1px #CCCCCC; margin-top:10px;}
.pass_2_shipHolder { height:100%; width:362px; margin-left:5px; border:solid 1px #CCCCCC; margin-top:10px;}
.paso2DirFactu { width:330px; border:solid 1px #CCCCCC; float:left;margin-right:30px; }
.paso2DirEnvio{ width:330px; float:left; border:solid 1px #CCCCCC; }
.paso2GastosEnvio{ width:330px; float:left; border:solid 1px #CCCCCC; margin-top:15px}
.paso2SelPago { width:330px; border:solid 1px #CCCCCC; float:left;margin-right:30px; margin-top:15px}
.paso2DirContenido{margin-top:10px;margin-left:10px;margin-bottom:20px;}
#gastosEnvioNoInc {margin-left:10px;margin-top:20px;margin-bottom:20px;font-weight:bold;}
#gastosEnvioInc {margin-left:10px;margin-top:20px;margin-bottom:20px;font-weight:bold;}
/*#paso2PagoTCredit{ width:330px; float:left; border:solid 1px #CCCCCC; margin-top:10px}
.contenidoPagoTCredit{margin-left:5px;margin-top:10px;}
.contenidoPagoTCredit div {margin-bottom:10px;}
.contenidoPagoTCredit label { font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#333435; width:120px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.contenidoPagoTCredit input { font-size:11px; padding-left:4px; border:solid 1px #EC5101; width:150px;}
.contenidoPagoTCredit select {font-size:11px; padding-left:4px;border:solid 1px #EC5101; width:60px; }
.ccAnio {font-size:11px; color:#333435;margin-left:7px; margin-right:3px;width:40px; font-weight:bold; text-align:right;}*/

.orderStepText {}
.orderStepText a { color: #EC5101; }
.pass_2_datosPersonales { margin:10px 10px 10px 20px; }
.pass_2_datosPersonales td { font-size:11px; padding-bottom:2px; color:#333435; }
.paso2confirmaDatosButton {width:700px;margin-top:40px;}


.pass2_sigininLabel { font-size:11px; color:#333435; width:130px; font-weight:bold; text-align:left; padding-right:3px; }
.pass2_zoneInput { text-align: left; padding-left: 5px; }
.pass2_zoneInput input { font-size:11px; padding-left:4px; border:solid 1px #EC5101; width:150px;}
.pass2_zoneInput select { font-size:11px;}
/*.pass2_zoneInput label {width: 150px;}
.pass2_zoneInput label.error {display: block;color: red;font-style: italic;font-weight: normal;}*/


.pass_2_orderStepNoBorder { font-size:11px; color:#333435; padding-left:20px; padding-top:5px; padding-bottom:5px; padding-right:10px;}
.pass_2_orderStepNoBorder input {font-size:11px; color:#333435; border:none;}

.seleccPagoText{margin-left:10px;}

/*Paso 2 modificacion direccion */
#modifFact {width:300px; margin-left:20px;margin-top:20px;}
#modifEnvio {width:300px; margin-left:20px;margin-top:20px;}
.paso2modifDirForm {width:300px;}
.paso2modifDirForm div {margin-bottom:8px;}
.paso2modifDirForm label { font-size:11px;margin-top:0px;margin-bottom:0px; color:#333435; width:90px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
.paso2modifDirForm label.error {width:150px;float:left;text-align:left;display:block;color:red;margin-left:105px;margin-top:0px;margin-bottom:10px;}
.paso2modifDirForm input { font-size:11px; padding-left:4px; border:solid 1px #9C282B; width:150px;}
.paso2modifDirForm input.error{ margin-top:0px;background: #f8dbdb; border-color: #e77776;} 
.paso2modifDirForm select {font-size:11px; padding-left:4px;border:solid 1px #9C282B; width:150px; }
.paso2modifDirForm select.error{background: #f8dbdb; border-color: #e77776} 

/*Paso 3*/
.resumenPedidoPaso3{ border: solid 1px #CCCCCC; margin-top: 10px; margin-bottom: 5px; width:701px; }

.tituloResumenPaso3 { padding-top:5px; padding-left:10px; height: 36px; color:#EC5101; background-color:#F6F6F6; font-weight:bold; width:100%; }
.contenidoResumenPaso3{width:700px;}
.direccionesPaso3{height:160px;margin-top:15px;margin-left:12px;margin-bottom:10px;}
.dirHolderPaso3{width:320px;float:left; margin-right:10px; padding: 5px; border: solid 1px #555555; }
/*.dirTituloPaso3 { padding: 4px; background-color: #EC5101; font-weight: bold; color: #FFFFFF; }naranaja*/
.dirTituloPaso3 { padding: 4px; background-color: #004a94; font-weight: bold; color: #FFFFFF; }
.dirContentPaso3{margin-top:10px;margin-left:10px;}/*direcciones contenedor paso 3*/

.facturaResumenPaso3{width: 662px; margin-left:12px;margin-bottom:15px;padding: 5px; border: solid 1px #555555; }
/*.facturaCabeceraTitulo{height: 24px; padding: 5px; background-color: #EC5101; font-weight: bold; color: #FFFFFF;}Naranja*/
.facturaCabeceraTitulo{height: 24px; padding: 5px; background-color: #004a94; font-weight: bold; color: #FFFFFF;}
/*.facturaCabeceraTitulo{height: 24px; padding: 5px; background-color: #9C282B; font-weight: bold; color: #FFFFFF;}Rojo*/
.facturaCabeceraQty{float:left;margin-right:8px;}
.facturaCabeceraProducto{width:470px;float:left;}
.facturaCabeceraProductoPrecio{float:left;width:100px;}
.facturaCabeceraTotal{float:left;}
.facturaLinea{height: 15px; padding-top:10px;padding-bottom: 4px; border-bottom: solid 1px #9C282B;}
.facturaLineaQty{float:left;margin-left:10px;margin-right:8px;font-family:tahoma;}
.facturaLineaProducto{width:460px;float:left;margin-left:15px;font-family:tahoma;}
.facturaLineaProductoPrecio{float:left;width:50px;margin-right:30px;text-align: right;font-family:tahoma;}
.facturaLineaTotal{float:left;width:70px;text-align: right;font-family:tahoma;}
.facturaLineaTotalTotal{height: 15px; padding-top:10px;padding-bottom: 4px; }
.facturaLineaTotalTotalTexto{float:left;text-align:right;margin-left:485px;background-color: #EFEFEF; font-weight: bold;font-family: tahoma; color: #000000;border-bottom: solid 1px #EC5101; }
.facturaLineaTotalTotalPrecio{float:left;width:125px; text-align:right; background-color: #EFEFEF; font-weight: bold; color: #000000; font-family: tahoma;border-bottom: solid 1px #EC5101;}
.facturaLineaSubTotal{height: 15px; padding-top:10px;padding-bottom: 4px;margin-top:10px; }
.facturaLineaSubTotalTexto{float:left;text-align:right;margin-left:475px; font-family: tahoma; color: #000000;border-bottom: solid 1px #EC5101; }
.facturaLineaSubTotalPrecio{float:left;width:125px; text-align:right;  color: #000000; font-family: tahoma;border-bottom: solid 1px #EC5101;}
.facturaLineaIVATotal{height: 20px; padding-top:15px;padding-bottom: 4px; }
.facturaLineaIVATotalTexto{float:left;text-align:right;margin-left:455px; font-family: tahoma; color: #000000;border-bottom: solid 1px #EC5101; }
.facturaLineaIVATotalPrecio{float:left;width:125px; text-align:right;  color: #000000; font-family: tahoma;border-bottom: solid 1px #EC5101;}

/*Pago TCredit*/
.tCreditPaso3{border: solid 1px #CCCCCC; margin-top: 10px; margin-bottom: 15px;width:702px;height:200px;}
.contenidoPagoTCredit{margin-left:5px;margin-top:20px;width:346px;float:left;}
.contenidoPagoTCredit div {margin-bottom:10px;}
.contenidoPagoTCredit label { font-size:11px;padding-top:3px;margin-top:0px;margin-bottom:0px; color:#333435; width:120px; font-weight:bold;float:left; text-align:right; margin-right:15px; }
/*.contenidoPagoTCredit input { font-size:11px; padding-left:4px; border:solid 1px #9C282B; width:150px;}*/
.contenidoPagoTCredit select {font-size:11px; padding-left:4px;border:solid 1px #9C282B; width:60px; }
.infoPagoTCredit {width:350px;float:left;background-image:url(../images/secure2.jpg);height:162px;}
.infoPagoTCreditTexto {padding-top:15px;padding-left:140px;width:200px;font-size:11px;text-align:justify;}
.infoPagoTCreditTitulo {padding-top:15px;padding-left:140px;width:200px;font-weight:bold;font-size:14px;}
.ccAnio {font-size:11px; color:#333435;margin-left:7px; margin-right:3px;width:40px; font-weight:bold; text-align:right;}

/*Pago Transfer y Reembolso*/
.detallesPago{border: solid 1px #CCCCCC; margin-top: 10px; margin-bottom: 15px;width:702px;}
.contenidoDetallesPago{width:702px;float:center;margin-top:20px;}

.pass_3_Holder { border: solid 1px #CCCCCC; margin-top: 10px; margin-bottom: 5px; width: 100%; }
.order { width: 100%; background-color: #FFFFFF; }
.orderAddressHolder { padding: 0px; }
.orderAddress { width: 50%;  padding: 5px; border: solid 1px #555555; }
.orderAddressTitle { padding: 4px; background-color: #EC5101; font-weight: bold; color: #FFFFFF; }
.orderLineHolder { width: 100%; padding: 5px; border: solid 1px #555555; }
.orderLineHeader { height: 24px; padding: 5px; background-color: #EC5101; font-weight: bold; color: #FFFFFF; }
.orderLineHeader td { vertical-align: middle; }
.pass_3_Buttons { text-align: center; padding-bottom: 15px; }
.pass_3_PleaseWait { text-align: center; padding: 15px; color: #404040; }

.orderTotalLine { border-bottom: solid 1px #EC5101; text-align: right; }
.orderTotalText { padding: 3px; border-bottom: solid 1px #EC5101; }
.orderTotalPrice {padding: 3px;  border-bottom: solid 1px #EC5101; font-family: tahoma}
.orderTotalTotalLine { border-bottom: solid 1px #EC5101; text-align: right; }
.orderTotalTotalText { padding: 3px; background-color: #EFEFEF; font-weight: bold; color: #000000; }
.orderTotalTotalPrice { padding: 3px; background-color: #EFEFEF; font-weight: bold; color: #000000; font-family: tahoma}
.orderPaymentMsg { padding: 4px; border: solid 1px #555555; background-color: #EFEFEF; }


/*Paso Final*/
.pass_4_Holder { border: solid 1px #CCCCCC; margin-top: 10px; margin-left:100px;margin-bottom: 5px; width: 100%; }
/*%%%%%%%%%%%%%%%%%%%%%%%%*/

/*@@@@@@@@@@@@@@@@@@@@@*/
/*Cesta de la compra*/
.cestaHolder{margin-left:10px;}
.cestaIconoTitulo { padding-left: 25px; }
.cestaTitulo { width: 94%; height: 50px; color: #004a94; font-size: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; text-align: left; }
.cesta { width: 440px; margin: 5px; }
.cestaHeadPrecio { color:#585858; vertical-align: middle; text-align: center; font-family: tahoma; font-size:0.9em;}
.cestaLinea {  }
.cestaPrecio { background-color: #F4F4F4; width: 85px; height: 90px; text-align: right; font-weight: bold; padding-right: 5px; font-size: 14px;	 font-family: tahoma}
.cestaLineaPrecio { width: 90px; height: 90px; text-align: right; font-weight: bold; padding-right: 5px; font-size: 14px; color:#9C282B;background-color: #FFF8F0; font-family: tahoma}
.cestaPrecioIva { font-size: 9px; font-weight: normal; padding-top: 2px; font-family: tahoma}
.cestaQty { width: 70px; text-align: center; }
.cestaQty input { width:25px; height: 16px; text-align: right; border: solid 2px #004a94; }
.cestaQty select {font-size:12px; padding-left:4px;border:solid 1px #9C282B; width:50px; }
.cestaDelete{ width: 50px; text-align: left;}

.cestaTotal {  }
.cestaTotal td { padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #646464; border-bottom: solid 1px #646464; text-align: left; font-size: 16px; }
.cestaTotalTexto { font-size: 14px; font-family: Trebuchet MS; text-align: right; font-weight: bold; color:#9C282B; padding-right: 10px; }
.cestaTotalPrecio { font-size: 14px;height: 90px; font-weight: bold; color:#9C282B; background-color: #FFF8F0;  text-align: right; font-family: tahoma}
.cestaTotalPrecio td { text-align: right; }
.cestaTotalPrecio div { text-align: right; margin-right: 5px; }
.cestaTotalPrecioIva { font-size: 9px; font-weight: normal; padding-top: 2px; font-family: tahoma}
.cestaProcess { text-align: right; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; }


.cestaLineaProducto { width: 360px; color: #EC5101; padding-left: 10px; padding-right: 10px; font-weight: bold; text-align: left; }
.cestaLineaProducto a {font-family: Tahoma; color:#004a94; font-size:15px;font-weight:bold;}
.cestaLineaProducto a:hover a:visited {font-family: Tahoma; color:#004a94; font-size:15px;font-weight:bold;}
.cestaLineaProductoDesc { width: 340px; color: #5C5C5C; font-weight: normal; margin-top: 10px; }
.cestaLineaProductoImagen { border: solid 1px #D0D0D1; width: 92px; }
.cestaLineaHeader { margin-left: 10px; background-image:url(../images_css/bgLineaTitulo.gif); background-repeat:repeat-x; height: 30px; color: #EC5101; font-weight: bold; }

/*Cesta Chica*/
.cestaSmall {width: 178px;background-image:url(../images/cestita.gif); background-repeat: no-repeat;border: 1px solid #ccc; margin-bottom:20px; }
.cestaSmallTitulo { background-image:url(images/bg_basket_title.gif); background-repeat: no-repeat; width: 172px; height: 27px; }
.cestaSmallTexto {width: 172px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: left; }
.cestaSmallTextoVacia {width: 90px; margin-top:20px;padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: right; }
.cestaTotalProdSmall{width: 110px; font-weight: bold; margin-top: 8px; text-align: right;  padding-right: 10px; }
.cestaTotalPrecioSmall {width: 110px; font-weight: bold; margin-top: 4px; color:#9C282B; text-align: right; padding-right: 10px; }
.cestaSmallVacia { background-image:url(../images/cestita.gif); background-repeat: no-repeat; width: 178px;height:95px;border: 1px solid #ccc; margin-bottom:20px;  }
/*@@@@@@@@@@@@@@@@@@@@@@@@*/

/*########################*/
/*Mostrar Articulo*/
.producto {width: 539px;height:260px;margin-top:10px;}
.producto hr {color:#004a94;}
.productoImagen {width:230px; height:230px;float:left;border: 1px solid #ccc;background-color:#fff; background-repeat: no-repeat;padding:1px; }
.productoImagen img { margin:3px; width: 225px; height: 225px; }
.productoData{float:left;width:270px;margin-top:20px;margin-left:20px;}
.productoNombre{font-size: 1.4em; margin-top: 0px; margin-bottom: 6px;font-weight:bold;color:#004a94;}
.productoDesc { padding-bottom: 3px; color: #000; }
.productoRef {margin-top:5px;color: #646464; font-size: 10px;}
.productoEspacio{height:30px;}
.productoPvpAnt {width:140px; float:left;color: #353535; font-weight: bold; font-size: 13px; padding-bottom: 4px;  font-family: tahoma}
.productoPvpAnt div {display: inline; color: #353535; font-weight: bold; font-size: 13px;}
.productoPvp {width:140px;float:left;font-weight: bold; color: #9C282B; font-size:27px; font-family: tahoma}
.productoPvpText {width:270px; font-size: 9px; font-family: tahoma}
.productoPvpText a { color: #9C282B; }
.productoEnvio {width:270px; float:left; text-align: right; height: 20px; color: #646464; font-size: 10px; margin-right: 3px; margin-top: 3px;  }
.productoAnadir {width:120px; float:left; font-weight: bold; text-align : right;height:36px; }
.productoDescripcion{text-align:justify;}

.productDataH { margin-left: 15px; width: 310px; }
.productName { }
.productName h1 { font-size: 1.4em; margin-top: 0px; margin-bottom: 6px;}
.productRef { padding-bottom: 3px; color: #646464; }
.productRef div { padding: 0px; }
.productPriceBefore { color: #353535; font-weight: bold; font-size: 13px; padding-bottom: 4px;  font-family: tahoma }
.productPriceBefore div { display: inline; color: #353535; font-weight: bold; font-size: 13px; }
.productPriceText { font-size: 9px; font-family: tahoma}
.productPriceText a { color: #EC5101; }
.productPriceStockMsg { text-align: right; height: 27px; color: #646464; font-size: 10px; margin-right: 3px; margin-top: 3px;  }
.productPrice { font-weight: bold; color: #EC5100; font-size:25px; font-family: tahoma}
.productBuy { font-weight: bold; text-align : right; vertical-align:bottom}
.productBuy a { }
.productBuy a:hover { }
/*########################*/





/* @group Misc */
.clear {
	clear: both;
}

/* Clearfix Method from: http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */