/* CSS Document */

/* ------------------ ESTILOS GENERALES ------------------ */
body { text-align:center;  background-color:#fff;
       margin:0px; font-family: Arial; font-weight:normal; font-size:12px;
	   }
	   
	   
.smalltext { font-size:11px; color:#333333; margin:5px 0 5px 0; padding: 0 0 0 0;  }
	   
	   
div {margin:0; padding:0;} span {margin:0; padding:0;}

table, td {vertical-align:top;}  
p {margin:5px 0 15px 0; padding:0; }  
img {margin:0; padding:0;}
img a:link {border:0;}


 

#up_login_contact  a:link { color:#c5eafe; text-decoration:none;}
#up_login_contact  a:hover { color:#fff; text-decoration:underline;}
#up_login_contact  a:visited { color:#c5eafe; text-decoration:none;}
#up_login_contact  a:active { color:#60c0f3; text-decoration:underline;}

.buscador { width:360px; height:40px; background-image:url(../img/bg_search.gif); background-repeat:no-repeat;
	        float:right; display:inline; }
			
			
.search_input {width:90%; float:left; height:30px; margin:5px; background-color:#fff; text-align:left; font-size:16px; border:0; padding:1px; }		


.colororange { color:#fff1bb;}

/* ------------------ ENVOLTURA GENERAL ------------------ */
#wrap {
	width:960px;
	margin:0px auto; top:-5px; position:relative;
	text-align:left; background-color:transparent; padding:0;
}

/* ------------------LOGIN y CONTACTO -----------------------------------*/
#up_login_contact {
	width:395px;
	height:70px;
	float:right;
	position:relative;
	top:0px;
	vertical-align:middle;
	padding: 3px 5px 0px 5px;
	background-color:transparent;
	background-image: url(../img/top_options_bg.jpg);
	background-repeat: no-repeat;
	color:#ccc;
	text-align: center;
	display:inline;
	background-position: center top;
}
	 
/* ------------------ LOGO VELASTUDIO ---- */
#logo {
	 float:left;
	 left:0px; height:91px;
     width:984px;  
	 }
	 
#logo_top { width:397px; height:91px; float:left; display:block; margin-top:5px;}
#img_contacto { width:384px; height:99px; float:right; display:inline; margin-top:6px;
background:transparent url(../images/bg_top.jpg) no-repeat;
}

/* ------------------ BLOQUE DE BUSQUEDA IZQUIERDA ---- */

#left_search_block {
	width:210px;  
	height:130px;
	background-repeat:no-repeat;
	background-color:transparent;
}
.search_cont { padding:10px; }
.search_cont p { padding:5px 10px 0px 5px; }

.input1 { width:170px; height:25px; border:1px solid #ccc; margin:0px 10px 0px 10px; }
.input2 { width:170px;   border:1px solid #039 ; margin:0 10px 0 10px; }

.contenedor_izquierdo { width:200px; min-height:650px; background-image:url(../img/left_shadow.jpg); background-repeat:no-repeat; background-position:right; }

#columna_izquierda {
	width:210px;
	height:750px;
	background-color:#fff;
	padding:0;
	margin:28px 0 0 10px;
	float:left;
	background-image:url(../img/bg_columna_izquierda.jpg);
}

#contenidos{
	margin:0;
	padding:0;
}

#columna_izquierda .menu_izquierdo div.barramarca{
	 width:180px; margin-left:10px;
	 height:22px;
	  
}
#columna_izquierda .menu_izquierdo div.barramarca {
	text-align:left;
	font-size: 14px;
	color:#000;
	/*font-weight:bold;*/
	line-height:32px;
	/*padding-left:17px;*/
}

.menu_izquierdo li a:link { color:#0066cc; text-decoration:none; font-size:12px; list-style-image:url(../img/arrow_right.gif);}
.menu_izquierdo li a:visited { color:#0066cc; text-decoration:none; font-size:12px; list-style-image:url(../img/arrow_right.gif);}
.menu_izquierdo li a:hover { color:#000; text-decoration:underline; font-size:12px; list-style-image:url(../img/arrow_right.gif);}
 


#columna_derecha { width:750px; min-height:350px; background-color:#fff; padding:0; margin:28px 12px 0 0; float:right; clear:right;}
.contenido_derecha {margin:0px 10px 0 10px;}

.encabezados_portada { width:742px; height:50px; color:#353434; font-size:14px; padding:0px; margin:-13px 0 0 0; background-image:url(../img/barra_blanca.jpg); background-repeat:no-repeat;clear:both;  }
.encabezados_portada2 { width:742px; height:50px; color:#353434; font-size:14px; padding:0px; margin: 0 0 0 10px; background-image:url(../img/barra_blanca.jpg); background-repeat:no-repeat;clear:both;  }

.estiloAzul_encabezados { font-weight:bold; color:#093f89; font-size:14px;}

.encabezados_portada span#encabezados_portada {line-height:35px; padding-left:10px;}
.encabezados_portada span#encabezados_portada_dos{line-height:35px; padding-left:155px;}
.productos_recientes_iz { width:340px; border:0px solid #CCC; float:left;  margin:-12px 5px 25px 5px; }
.productos_recientes_der { width:340px; border:0px solid #CCC; float:right; margin:-12px 5px 25px 0px;}

.productos_recientes_iz_b { width:360px; height:220px; border:0px solid #CCC; float:left;  margin:0px 5px 10px 5px; }
.productos_recientes_der_b { width:350px; height:220px; border:0px solid #CCC; float:right; margin:0px 5px 10px 0px;}




/* ------------------ ESTILOS DE LA NAVEGACION HORIZONTAL / NEGRA ----------------------- */
#breadcrumbs {
	width:750px;
	height:32px;
	background-image:url(../images/fondo_breadcrumbs.jpg);
	background-repeat:no-repeat;
	padding:10px 0 5px 0px;
	margin:5px 0 10px 10px;  
	color:#b7d8f7;
	
}

#breadcrumbs ul { padding: 15px 5px 5px 25px;
			margin: 0px;
			background-color: transparent;  
			font-size: 12px;
			font-weight: normal;
			width: 100%;
			height: 30px;
			float: left; }

#breadcrumbs li {
			display: inline;
			 
			background-image:url(../img/flecha_d.png); 
			background-position: left center; background-repeat:no-repeat; 
			list-style:none; padding:10px 5px 0 13px;  } 

#breadcrumbs a:link { color:#b7d8f7; text-decoration:none;  } 
#breadcrumbs a:visited { color:#b7d8f7; text-decoration:none; }
#breadcrumbs a:hover { color:#b7d8f7;   text-decoration:underline; } 

#upnav {
	width:990px;
	height:44px;
	background-image:url(../img/bg_new_menu22.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	clear:both;
	z-index:5;
	position:relative;
	padding:0;
}
#upnav ul { padding: 15px 5px 0px 25px;
			margin: 0px;
			background-color: transparent;  
			font-size: 14px;
			font-weight: normal;
			width: 100%;
			height: 30px;
			float: left; }
#upnav li {
			display: inline;
			padding: 0px 5px 0px 15px;  
			background-image:url(../img/flecha_d2.png); 
			background-position: left center; background-repeat:no-repeat; 
			list-style:none; padding-left:13px;  } 
#upnav a:link { color:#fff; text-decoration:none;  } 
#upnav a:visited { color:#82c3fd; text-decoration:none; }
#upnav a:hover { color:#fff; padding:5px 0px 13px 0px; text-decoration:underline; } 

/* ------------------ ESTILOS DEL BANNER PRINCIPAL Y SU CONTENIDO ------------------ */
#mainbanner { background-image:url(../img/round_bg_3.png);  height:222px; width:746px; background-color:transparent; margin:0 0 15px 10px; }
#mid_topban { background-image:url(../img/round_bg_3.png);  height:129px; width:741px; background-color:transparent; margin:0 0 3px 10px; }

.ban_description { width:500px; min-height:200px; float:left; background-color:#fff;}
.ban_right_image { float:right; margin:25px 15px 0 0; }
#mainganner_text_block { width:500px; background-color:#006600;}
#mainbanner h2 { position:relative; top:5px; font-size:30px; color:#000000; 
                   margin:0; padding:20px 0px 10px 25px; 
				   font-weight:normal; letter-spacing:-2px; /*text-decoration: underline;*/  } 
				   
#mainbanner p { padding:0px 5px 0 28px; font-size:14px; color:#656565; text-align:justify;}
.bloque_ban {
	background-color:#ffffd8;
	border:1px solid #FC6;
	padding:15px 10px 15px 55px;
	margin:18px 0 0 28px;
	display:block;
	width:81%;
	background-image: url(../img/advanced.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.bloque_ban_blue { background-color:#F0F9FF; border:0px solid #09F; padding:15px; margin:5px 0 0 25px;  display:block;}

					
				   
.front_thumbs { float:right; clear:none; z-index:4; position:relative;  }
.front_text_intro { font-size:19px; position:relative; margin:0; padding:25px 0px 0px 38px; font-weight:normal; color:#054e91;  }
.boton_solicitar_info { position:relative; margin:0; padding:30px 0px 0px 38px;  }
.lens { position:relative; top: 15px; left:580px; z-index:6;}



/* ----  ESTILOS DEL BANNER NEGRO Y SU TEXTO ----  */

#barranegra { background-image:url(../img/black_mid_bg.jpg); background-repeat:no-repeat; background-position: center top; height:138px; width:991px; margin:5px 0 5px 0; }
 #texto_barranegra { padding:36px 0px 25px 45px;  font-size:28px; color:#fff; text-align:left; line-height:28px; letter-spacing:-1px;
                      font-size:26px; width:760px; float:left; }	   
			  
				   
.png_float_right {   float:right; width:152px; display:block; position:relative; left:-35px; top:10px;  }	
.icons_right_float { float:right; display:block; margin:0 0 0 0px; }
				   
				   
				   
/* ----  ESTILOS DEL BLOQUE CON 3 SECCIONES  ----  */		   
				   
#contenedor_bloques {  background-image:url(../img/round_bg_2.png); background-repeat:no-repeat; width:990px;   height:245px;
                   font-size:28px; color:#fde2a3; text-align:left; background-color:transparent;   }
				   
#encabezados_mainblock {
	background-image:url(../img/main_front_bg.jpg);
	background-position:center 10px;
	background-repeat:no-repeat;
	height:70px;
	background-color:transparent;
	padding-top:10px;
}			
						 
.encabezados_mbt {
	width:295px;
	height:50px;
	float:left;
	color:#07569f;
	font-size:24px;
	margin: 0 45px 0 0px;
	margin:18px 0 0px 25px;
	font-weight: normal;
}

				   
/* ----  ESTILOS DE LOS 3 CUADROS CON CONTENIDO EN LA MAINPAGE  ----  */	


#cuadro01, #cuadro02, #cuadro03 { min-height:100px;   }
				   
#cuadro01 { width:295px; border:0px solid #006600; margin:5px 0px 0px 10px; padding:0 10px 0 10px; float:left;   
            background-image:url(../img/vertical_dotted.jpg); background-repeat:repeat-y; background-position:right;  }
 #cuadro01 h2{ height:45px; color:#07569f; font-size:29px; font-weight:normal; padding:13px 10px 0px 10px; margin:0; word-spacing:-2px;
               background-image:url(../img/icon_executive.jpg); 
			   background-position:right top; 
			   background-repeat:no-repeat;  background-color:transparent;  }
			   
 
#cuadro02 { width:290px; border:0px solid #006600; margin:5px 0px 0px 0px; padding:0 22px 0 15px; float:left;  
            background-image:url(../img/vertical_dotted.jpg); background-repeat:repeat-y; background-position:right;   }
 #cuadro02 h2{ height:45px; color:#07569f; font-size:29px; font-weight:normal; padding:13px 0px 0px 10px; margin:0; word-spacing:-2px;
               background-image:url(../img/icon_bars.jpg); 
			   background-position:right top; 
			   background-repeat:no-repeat;   background-color:transparent; }



#cuadro03  {width:290px; border:0px solid #006600;   float:left;   padding:0 10px 0 10px; }
 #cuadro03 h2{ height:45px; color:#07569f; font-size:29px; font-weight:normal; padding:13px 0px 0px 10px; margin:5px 0 0 0; word-spacing:-2px;
               background-image:url(../img/icon_circles.jpg); 
			   background-position:right top; 
			   background-repeat:no-repeat;   }
			   
#cuadrostext { font-size:13px; text-align:left; color:#656565; padding:0px 0px 0px 12px; margin:0; }
#cuadrostext ul{ margin:0 0 0 5px; padding:0;  }
#cuadrostext li{ background-image:url(../img/bullet.gif); 
                 background-position: left center; background-repeat:no-repeat; 
				 list-style:none; padding-left:18px; margin-bottom:5px;
				 color:#548fcb;   }
				 
				 
#cuadrostext li a:link,a:active,a:visited
               { list-style:none; color:#0158a9; text-decoration:none;   }
				 
#cuadrostext li a:hover
               { list-style:none; color:#000; text-decoration:underline; background-color:#f9f6e8; }
 

 
#pie_pagina {   background-repeat:no-repeat; background-position:top center; background-image:url(../img/blue_bottom_bar.jpg); height:102px;
                margin-top:5px; padding:0px; text-align:left; color:#133044;  }
  			   
#pie_pagina p  {margin:0px;}	
#pie_pagina h4 {margin:0px; width:100%; margin:0 0 5px  0; padding:0 0 0px 0; border-bottom:0px dotted #fff; font-size:18px; color:#FFF; text-shadow: #02395f 1px 0px 1px;
}

 
.footer_shadow {width:750px; height:45px; text-align:center; clear:both; /*background-image:url(../img/simple_shadows.jpg); background-repeat:no-repeat; background-position:center bottom;*/ float:right; }

.main_pics_block {
	width:250px;
	height:auto;
	padding:0px;
	margin:15px 10px 10px 10px;
	float:right;
	display:block;
	position:relative;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
}
				  
.second_pics_block {
					width:98%;
					height:60px;
					margin-top:20px;
					padding:2px;
					border-top:1px solid #ccc;
					background-color: #fff;
					text-align:center; }
					
.second_pics_block img {
	cursor:default;
}
				  
.main_pn        {
	font-size:14px;
	color:#125dce;
	font-weight:normal;
	padding:0px 0px 12px 0px;
	margin: 0px 0px 12px 0px;
	border-bottom:1px solid #ccc;
	width:480px;
	display:block;
}
				  
.mp_description {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	width:470px;
	float:left;
	display:block;
	font-size:12px;
	text-align:justify;
	clear: none;
}

.mp_description_cat {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	width:530px;
	float:left;
	display:block;
	font-size:12px;
	text-align:justify;
	clear: none;
}
				  
				  
.search_lens { z-index:100; position:relative; top:185px; left:560px; }
.more_info_button {margin:10px 0px 10px 0px; float:left;}


/*------ PRODUCT OPTIONS LINKS (PDF, Customize, Send to a Friend, etc.)   /   Opciones de Producto ----------------*/

.product_options {
	font-size:12px;
	color:#125dce;
	font-weight:normal;
	padding:12px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	/*border-top:1px solid #ccc;*/
	width:430px;
	display:block;
	background-color:#fff;
	background-image:url(../img/bg_info.png);
	background-repeat:no-repeat;
	background-position:440px 16px;
}

.product_options li a:link  { color:#0066cc; text-decoration:none; font-size:12px; }
.product_options li a:visited  { color:#0066cc;  }
.product_options li a:active   { color:#0066cc; }
.product_options li a:hover    { color:#000; text-decoration:underline; }
				  
				  
#tabs_area {
	width:725px;
	padding:5px 0 5px 0;
	margin:0px;
	border:1px solid #C8DEF9;
	background-color:#F3F8FF;
	clear:both;
	height: 35px;
}	
/* EStilo para mostrar los nuevos productos */
#widget {
	overflow: hidden;
	background: #fff;
	padding: 1em;
	/*border: 1px solid #c5c5c5;*/
	min-height: 300px; /* You should adjust this height for your project. */
	position: relative;
	float: left;
	min-width: 310px;
}

#widget img {
float: right;
border: 1px solid white;
padding: .2em;
background: #d3d3d3;
margin-right: .5em;
width: 65px;
height: 65px;
}


#widget a:link { color:#0e4291; text-decoration:none;}
#widget a:visited { color:#0e4291;}
#widget a:hover { color:#06C; text-decoration:underline;}


#widget ul {margin:0; padding:0;}

#widget li {
 
overflow: hidden;
position: relative;
top: 0;
padding-bottom: 1em;
height: 90px; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}

h4 {
padding-top: 0em;
font-size: 14px;
}

li p {
color: #474747;
margin-top: 0em; font-weight:normal;
}
#widget h4 {
	font-size:14px; font-weight:normal; margin:0; padding:0;
}

#widget p { font-size:11px;}

#widget li   img.ratingWithTheStars{ 
	border:0;
	width: 21px;
	height: 28px;
	margin:0;
	padding:0; float:left;
}

/* ESTILO PARA LA CANASTA */
#growlcontainer #basketItemsWrap input{

	width:35px; height:20px; padding:0 2px; 

}

#growlcontainer #basketItemsWrap input[type=text]:focus{

	border:2px solid #4db6ff;

}

/* estilo para la busqueda */
.search_box {
    width: 226px;
    height: 31px;
    /*ackground: url(../images/bgsearchbox.gif);*/
}
.search_box #cadenaBusqueda {
    float: left;
    padding: 0;
    margin: 0px 0 0 10px;
    border: 0;
    width: 165px;
    height: 26px;
    border:2px solid #4db6ff;
}
.search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}


#buscador .suggestionsBox {
	position: absolute;
	width: 250px;
	background:#fff url(../images/bgSearch.gif)repeat-x bottom left;
	border: 2px solid #4db6ff;
	color: #fff;
	padding: 5px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	z-index:1500;
}
			
			
.estilo_busqueda {   width:150px; border:1px solid #76b9e8; background-image:url(images/lupa.jpg); 
		 background-repeat:no-repeat; 
		 background-position:130px center; height:23px;  }
			
#buscador #cuadroBusqueda{
	/*padding-left:3em;
	margin-bottom:1em;*/
}
			
#buscador #cadenaBusqueda {
/*		width: 180px;
				padding:2px;
				font-size: 12px;*/
			}
			
			
#buscador .suggestionList {
	margin: 0px;
	padding: 0px;
}
			
			
/*  Individual Search Results  */
#buscador .suggestionList li {
	margin: 0px 0px 3px 0px;
	padding: 3px;
	color:#000;
	height: 25px;
	cursor: pointer;
	width: 250px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	list-style:none;
}
			
			/*  Hover effect  */
			#buscador .suggestionList li:hover {
/*				background-color: #659CD8;*/
				font-weight: bold;
				color:#fff;
			}
			
			#buscador .suggestionList  li a{
			   color:#000;
			   float:left;
			   display: block;
			   overflow: hidden;
			   line-height:21px;
			   padding-left:10px;
			   }
			   
			#buscador .suggestionList li a:hover { color:#000; /*text-decoration:underline;*/}

/* Estilos para los complementos */

.image_thumb {
	float: left;
	width: 100%;
	/*background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;*/
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 5px; 
	background: #fff; 
	float: left;

}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0; padding: 12px 10px;
	/*background: #f0f0f0 url(nav_a.gif) repeat-x;*/
	width: 100%;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	/*border-right: 1px solid #ccc;*/
}
.image_thumb ul li.hover {
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.1em; 
	margin: 0 0 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 400px;
}


.image_thumb ul li .productPriceWrapRight img{padding-left:0;border: 1px solid #fff; }
.image_thumb ul li img#imagenLeerMas{border: 1px solid #fff; }


/* ESTILOS PARA LAS IMAGENES */
div#dondeEstasLasImagenes{
	width:165px;
	float:left;
}
ul.losBloques li{
	list-style:none;
}
ul.losBloques li img{
	border: 0px solid #ccc;
	padding: 4px;
}
/* PARA LA TABLA DE DESCRIPCION DEL PRODUCTO */
#contenidos .mp_description table.detalles {
width: 481px;
border-bottom:1px solid #ccc;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
background:#fff;
margin-left:0px;
margin-top:10px;
color:#004eb5;
}
#contenidos .mp_description table.detalles td.fila{
border-bottom: 1px solid #ccc;
text-align:left;
}

#contenidos .mp_description table.detalles td#lefter{
width:90px;
}
.main_pics_block {
width:200px;
text-align:center;
float:right;
border:1px solid #ccc;
}
.main_pics_block .second_pics_block{
	
}
.main_pics_block .second_pics_block img{
border:0;
margin:2px;
}

/* Estilos para el checkout*/
#left {width:600px; height:460px;float:left;/*margin-right:60px;margin-left:5px;*/}
h4 {font-size:14px; font-weight:bold; color:#2c2b2b; text-shadow:white 0 0 1px;margin-bottom:5px;margin-top:15px;}	   
h4.vistaTabular {font-size:14px; font-weight:bold; text-shadow:white 0 0 1px;margin-bottom:10px;margin-top:10px;}

/*FORM */

#formcolumn_left {width:280px;float:left;margin-right:35px;position:relative;padding-left:5px;}
#formcolumn_right {width:280px;float:left;}
form {float:left;}
form h4 {margin-top:10px;}

/*FORM TABLE*/
table {width:598px;background:#fcfcfc;border:1px solid #e7e7e7;margin-bottom:29px;}
table strong {display:block;color:black;font-size:12px;}
table tr.borde {background:url('../img/tinito.jpg')no-repeat top center;}
table td {padding:10px 15px;}
table td.price {color:black;font-size:25px;width:120px;text-align:center; }

/*QUANTITY & STEPPER*/
#amount {position:relative;top:20px;background:url('../images/stepperinput.gif')no-repeat;width:38px; }
#amount input {width:30px;text-align:center;color:#747474;font-size:14px;font-weight:bold;background:transparent;border:none;line-height:18px;}
#amount input:focus {outline:none;}
.stepper {width:15px;height:27px;position:absolute;top:0px;right:-12px;}
.stepper_up {height:14px;width:15px;background:url('../images/stepper.gif')no-repeat top left;}
.stepper_up:hover {background-position:top center;}
.stepper_up:active {background-position:top right;}
.stepper_down {height:13px;width:15px;background:url('../images/stepper.gif')no-repeat bottom left;}
.stepper_down:hover {background-position:bottom center;}
.stepper_down:active {background-position:bottom right;}

/*FORM ELEMENTS*/
.floating_field {float:left;margin-right:5px;position:relative;}
.floating_field2 {float:left;margin-right:5px;position:relative;}
#formcolumn_left div, #formcolumn_right div {position:relative;margin-bottom:12px;}
#formcolumn_left label, #formcolumn_right label {position:absolute;margin-top:15px;margin-left:8px;color:#BBB;}
#formcolumn_left input, #formcolumn_right input {font-size:12px;color:#6e6e6e;margin:5px 0;padding:5px;width:260px;}
#top label{position:absolute;margin-top:15px;margin-left:8px;color:#BBB;}

#formcolumn_right label#arreglado {position:absolute;top:0;margin-left:8px;color:#BBB;}
#formcolumn_left label#arreglado {position:absolute;top:0;margin-left:8px;color:#BBB;}

table input {font-size:12px;line-height:24px;color:#6e6e6e;margin:5px 0;}
select {margin:5px 0;width:200px; height:31px; }

.floating_field #id_zipcode {width:120px; }
.floating_field #id_state {width:120px;}


/*SUBMIT BUTTON*/
#process { margin-right:5px;width:220px;height:30px;background:transparent;background-image:url('../images/process_button.jpg');background-repeat:no-repeat;background-position:top;border:none;cursor:pointer;}
#process:hover {background-position:bottom;}
.center {width:600px;text-align:right;padding-top:15px;float:left;}

/* MENSAJE DE ALERTA*/
.error {
border: 1px solid #ffd324;
background: #fff6bf;
	/*border-bottom: 2px solid #ffd324;*/
}
.error p.alert {
	background: #fff6bf url(../images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
}

.mail_success {
border: 1px solid #4eba1a;
background: #afd9a9;
	/*border-bottom: 2px solid #ffd324;*/
}
.mail_success p.succcess {
	background: #afd9a9 url(../images/success.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
}

/* PARA EL PIE DE PAGINA*/
#col1, #col2, #col3, #col4 {
	float:left;
	width:24%;
	text-align:right;
	color:#969696;
	margin:0;
	padding:0;
}
#col1 h2, #col2 h2, #col3 h2, #col4 h2{

	color:#969696;
/*	font-variant: small-caps; text-transform: none;*/
	font-size:1em; 
	font-weight: bold; margin-bottom: 0;
}
#col1 ul, #col2 ul, #col3 ul, #col4 ul{
	margin:0;
	padding-top:10px;
	padding-left:2px;
	color:#969696;
/*	font-variant: small-caps; text-transform: none;*/ 
	font-weight: 100; margin-bottom: 0;
}
#col1 li.footer , #col2 li.footer, #col3 li.footer, #col4 li.footer{
color:#969696;
height:25px;
list-style-type:none;
display:block;

}
#col1 li.footer a, #col2 li.footer a, #col3 li.footer a, #col4 li.footer a{
text-decoration:none;
color:#969696;
padding-left:0px;
}
#col1 li.footer a:hover, #col2 li.footer a:hover, #col3 li.footer a:hover, #col4 li.footer a:hover{
text-decoration:underline;
color:#555555;
}

/* ESTILOS PARA LA OPCION HOVER DE LAS IMAGENES */
div.hover_icon_container {
	height: 150px; width: 150px;
	position: relative;
	left:25px;
}

	div.hover_icon_container img.screenshot {

	}
	
	div.hover_icon_container a.hover_icon {
		display: none;
		height: 150px; width: 150px;
		position: absolute;
		top: 0; left: 0;
	}

	div.hover_icon_container a.hover_icon:hover {
		/*border: 1px solid #000;*/
	}
	
	div.hover_icon_container:hover a.hover_icon {
		display: block;
	}
/* PARA EL DIV DEL HISTORIAL */
#contenedor-pie {
font: normal 10px Helvetica, Arial, Sans-Serif;
color: #fff;
	/*color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	
	width: 100%;
	max-height: 200px;
	/*display: none;*/
	/*overflow: auto;*/
/*	z-index: 1999;*/
}

#contenedor-pie p {
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	
	white-space: pre;
	font-size:1.2em;
	cursor: pointer;
	
	}

#contenedor-pie p:hover {
	background: #222;
	}

#contenedor-pie ul#listaDeProductos {
	color: #fff;
	background: #252525;
	/* url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee//5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;*/
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	/*max-height: 180px;*/
	min-height:100px;
	overflow: auto;
	/*display: none;*/
	text-align: left;
	
	}

#contenedor-pie ul#listaDeProductos li {
	width:230px;
	
	font-size: 12px;
	list-style-type: none;
	/*border-bottom: 1px solid #ddd;*/
	line-height: 30px;
	/*display: none;*/
	/*padding: 0 20px;*/
	/*position: relative;*/
	/*overflow: hidden;*/
	/*white-space: pre;*/
	padding-left:10px;
	}

#contenedor-pie ul#listaDeProductos li.opciones a.opcion {
	color: #fff;
	/*background: #f2f2f2;*/
	}

#contenedor-pie ul#listaDeProductos li.opciones a.opcion:hover {
	font-weight:bold;
	/*background: #f2f2f2;*/
	}

#contenedor-pie ul#listaDeProductos li:first-child {
	margin-top: 1px;
	}
	
#contenedor-pie ul#listaDeProductos li .error {
	color: orangered;
	}

#contenedor-pie ul#listaDeProductos li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
	}
	
	.slide-out-div {
		font-family:arial;
		padding:0px 0px 0px 0px;
        width: 250px;
		/*display:none;*/
       /* background: #f2f2f2;*/
    }
	.handle{
		display:none;
	}
/*  */

#screenshot{
	position:absolute;
	/*border:1px solid #ccc;*/
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:2000;
	}

ul.sub{
list-style-image: url(../img/arrow_gray.jpg);
}
ul.sub2{
list-style-image: url(../img/arrow_gray.jpg);
}
.ocultarBread{
 display:none;
}
.mostrarBread{
display:block;
}

/* ESTILOS PARA EL GRIDVIEW*/
table#gridview {width:710px;background:#fff;border:0;margin-bottom:29px;}
/*table#gridview strong {display:block;color:black;font-size:12px;}
table#gridview tr {background:url('../img/tinito.jpg')no-repeat top center;}*/
table#gridview td {width:150px; text-align:center; border:1px solid #ccc;-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
table#gridview td a:link {font-size:0.9em; color:#035cb5; font-weight:normal;text-decoration: none; }
table#gridview td a:visited{font-size:0.9em; font-weight:normal; color:#6ab7ed}
table#gridview td a:hover,table#gridview td a:active{font-size:0.9em; font-weight:normal; text-decoration: underline; color:#035cb5;}


div#list_view_container{
	height:auto;
	padding:0px;
	margin:15px 10px 10px 10px;
}
/*SUBMIT BUTTON FOR SEARCH BOX AND SEARCH RESULT*/
#submitSearch {width:101px;height:25px;background:transparent;background-image:url('../images/search_button.jpg');background-repeat:no-repeat;background-position:top;border:none;cursor:pointer;outline:none;}
#submitSearch:hover {background-position:bottom;outline:none;}

table.resultset {width:740px;background:#fff;border:1px solid #fff;margin-bottom:29px;}
table.resultset strong {display:block;color:black;font-size:12px;}
table.resultset td {padding:10px 15px;}

			#tablePagination { 
            /*background-color: #DCDCDC; */
            font-size: 1em; 
            padding: 0px 5px;
			width:740px;
            height: 60px
          }
          
          #tablePagination_paginater { 
            margin-left: auto; 
            margin-right: auto;
          }
          
          #tablePagination img { 
            /*padding: 0px 5px 0px 0px;  */
          }
          
          #tablePagination_perPage {
            float: left; 
          }
          
          #tablePagination_paginater {
            float: right; 
          }

/*  ESTILOS PARA EL NUEVO MENU*/

ul.menuproductos li{
position:relative;
}

.menuproductoshide{
position:absolute;
right:12px;
top:6px;
display:none;
width:17px;
height:17px;
background-image:url('../images/minus_icon.gif');
}
.menuproductosshow{
position:absolute;
right:12px;
top:6px;
display:none;
width:17px;
height:17px;
background-image:url('../images/plus_icon.gif');
}

ul#menu1{
margin:0 0 15px 0;
padding:0;
text-decoration:none;
list-style-type:none;
width:200px;
/*background-color:#C5D1D9;*/
}
ul#menu1 li{
position:relative;
width:185px;
background-image:url('../images/bullet_blue.jpg');
background-repeat:no-repeat;
background-position:0 5px;
padding:0 0 0 15px;
}
#menu1 li a{
font-size:12px;
line-height:17px;
color:#003E85;
text-decoration:none;
}
#menu1 li a:hover{
font-weight:bold;
}
#menu1 li ul{
padding:6px 0 6px 0;
list-style-type:none;
}
#menu1 li li{
background-image:none;
padding:0;
}
#menu1 li li a{
font-size:12px;
height:24px;
text-decoration:none;
padding-left:10px;
line-height:17px;

}
#menu1 li li a:hover{
font-size:12px;
height:24px;
text-decoration:none;
line-height:24px;
padding-left:6px;
font-weight:bold;
}


/* Encabezados Marcas */

h2.marcas {
height:20px; color:#07569f; font-size:16px; font-weight:normal;
border-bottom:1px dashed #07569f;
}
h2.marcas a{
color:#07569f; font-size:16px; font-weight:normal;
text-decoration:none;
}
h2.marcas a:hover{
color:#07569f; font-size:16px; font-weight:bold;

}
.mp_description_cat-dos {
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 15px;
	width:650px;
	float:left;
	display:block;
	font-size:12px;
	text-align:justify;
	clear: none;
}


/* ESTILO PARA EL CONTENEDOR*/
#contenedorTotal{
width:984px;
height:1084px;
background:transparent url(../images/fondo_principal.jpg)no-repeat 0px 105px;
}


.moreInfo{
text-align:center;
clear:both;
width:198px;
margin-top:5px;
border-top:1px solid #ccc;
}

.moreInfoSkype {
height:80px;
padding-top:10px;
}

/* PARA EL NUEVO FORMUALRIO DE BUSQUEDA*/
form#search_form p{
margin:0;
}
form#search_form input#queryString{
	width:120px;height:21px;
	border:1px solid #a7bdca;
	background:#fff;
	background-image:url('../images/buscador_lupa.jpg');
	background-repeat:no-repeat;
	background-position:right 50%;
}
form#search_form input#queryString:focus{
border:1px solid #07569f;
background:#fff;
}
/*SUBMIT BUTTON FOR SEARCH BOX AND SEARCH RESULT*/
#botonBusqueda {width:56px;height:25px;background:transparent;background-image:url('../images/boton_verde_buscar.jpg');background-repeat:no-repeat;background-position:top;border:none;cursor:pointer;outline:none;text-indent:-1000px;}
#botonBusqueda:hover {background-position:bottom;outline:none;}
/* MENU TOP*/
#menuTop{
color:#b8daf5;
margin:60px 0 0 0;
padding-left:35px;
}
#menuTop a:link { color:#b8daf5; text-decoration:none;  } 
#menuTop a:visited { color:#b8daf5; text-decoration:none; }
#menuTop a:hover { color:#b8daf5;   text-decoration:underline; } 

small.formatoNormal {
color:#353535;
font-size:11px;
text-shadow:0 -1px 1px #FFFFFF;
}

small.alerta {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#FED778;
color:#6B5F3C;
font-size:11px;
font-weight:bold;
text-shadow:0 -1px 1px #FFFFFF;
}
small.errorFormato {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#cd1006;
color:#fff;
font-size:11px;
font-weight:bold;
text-shadow:0 -1px 1px #FFFFFF;
}


#centroDeMensajes{
position:absolute;
left:0;
top:0;
}