/* 

ESTILO GENERAL DE TODA LA PAGINA WEB. Versión 1024 px
Esta hoja de estios debe estar vinculada desde todos los documentos xhtml
*/

/*/*border: 1px solid #696;padding: 60px 0;text-align: center; width: 200px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: #666 0px 0px 5px;-moz-box-shadow: #666 0px 0px 5px;box-shadow: #666 0px 0px 5px;background: #FFFFFF;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EED233));background: -moz-linear-gradient(#FFFFFF, #EED233);background: linear-gradient(#FFFFFF, #EED233);-pie-background: linear-gradient(#FFFFFF, #EED233);behavior: url(PIE.htc);
-------------------------------------------------------
Reset de los estilos definidos 'por defecto' en los navegadores
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
 form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
/*outline: 0;*/
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;

}
html{
	}
/* remember to define focus styles! */
:focus {
outline: 0;
}

ol, ul {
	list-style: outside;
	/*padding-left:17px;*/
	
}
ul
{
	list-style:none;
}
ol
{
	list-style:decimal;
}
/* tables still need ‘cellspacing=”0?‘ in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

a:hover{
	color:#94C947;
}

.padding15L{
	padding-left:15px;
}


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

body{
line-height:normal;
padding:0px;
margin:0px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
background:url(../img/body.jpg) no-repeat center top; 
color:#000000;
height:100%;

font-size:12px;
line-height:16px;

}
a{
text-decoration:underline;
color:#000;
}
a:hover{
color:#94c947;
}

h1{
font-size:24px;
font-weight:normal;

}
h2{
font-size:18px;
font-weight:normal;
text-align:left;

}
h3{
font-size:18px;
font-weight:normal;
}

strong{
font-weight:bold;
}

ul{
}
li{
}

p{
/**/
}

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

#contenido_web{ /*contiene toda la pagina, todo esta dentro de este div*/

margin:0px auto;
}
#mensajes{
	top:0px;
	z-index:3;
	
	position:relative;}
	#mensajes img{
	}

#cabecera_web{
position:relative;
width:960px;
margin:0px auto;


padding-bottom:50px;


background: url(../img/sombreado.jpg) no-repeat center bottom;
overflow:hidden;
z-index:3;
 /*fondo de la cabecera de la pagina */
}
#ventanas{
position:relative;

}

.sepnoti{
	float:left;
	margin:0px 17px;
}

#menu_web {
	margin-top:0px;
	margin-right:0px;
	overflow:hidden;
	float:left;
	
}

#menu a, .subMenu a{
	text-decoration:none;
}
.subMenu{
	width:960px;

	margin:0px auto;}
.enlacesSubmenu{
	float:right;
	height:50px;
	padding-right:20px;
}
.sombra_sep{
	margin-top:23px;}
.enlaces_flecha li a{
	background:url(../img/flecha_negra.png) no-repeat left 4px;
	padding-left:15px;
	padding-bottom:12px;
	display:block;
}

.enlaces_flecha li a:hover{
	background:url(../img/flecha_verde.png) no-repeat left 4px;
}




#migas{
	float:left;
}
#migas a{}

#cesta_compra{
	margin-bottom:10px;
	float:right;}

#cuerpo_web{	
	margin-top:25px;
	
}

#pie_web{
	overflow:hidden;

	position:relative;
	padding-bottom:4px;
}
.centrado{
	width:960px;
	margin:0px auto;}
	.centrado_ventanas{
	width:974px;
	margin:0px auto;}
#contenido_pie{

	margin:0px auto;
	padding:0px 0px;}
	
#acceso a{
	font-weight:bold;
}

#migas_cesta{
margin:15px 0px;}

#ventana_izquierda{
	float:left;
}

#ventana_derecha{
	float:right;
}	

#clientes{
	background:url(../img/clientes.jpg) no-repeat left top;
	height:245px;
	padding:25px;
	width:430px;
	cursor:pointer;
	margin-right:5px;
	float:left;
}
.italic{
	font-style:italic;}
.logosClientes{
	margin-top:22px;
}

#fondo_pie{
	background:url(../img/pie_02.jpg) no-repeat center top;
	height:64px;
	width:100%;}

#opiniones{
	background:url(../img/opiniones.jpg) no-repeat left top;
	height:245px;
	padding:25px;
	width:430px;
}

#casos_exito{
	background:url(../img/casos_exito.jpg) no-repeat left top;
	height:245px;
	padding:25px;
	width:430px;
}

#contacto{
	background:url(../img/trabaja_nosotros.jpg) no-repeat left top;
	height:249px;
	padding:25px;
	width:430px;
}

.enlacesContacto{
	padding-left:8px;
	padding-top:32px;
}
.cuerpoServicio h2{
	line-height:35px;
	}
.enlacesContacto li a{
	font-weight:bold;
}
#consultoriaColD h2{
	text-transform:uppercase;
}
.servicioColI h2{
}
.servicioColI h3{
	padding-top:5px;
}
.enlacesContacto li a:hover{
	color:#94C947;
}

.casos_exitoTexto{
	text-align:left;
	color:#666666;
	font-style:italic;
	line-height:25px;
	padding-left:5px;
	padding-top:42px;
	width:230px;
	height:50px;
	font-size:18px;
}
	
.clientes_Texto{
	color:#666666;
	width:230px;
	margin-left:5px;
	margin-top:88px;
	
}

.clientesTexto{
	text-align:left;
	color:#666666;
	width:320px;
	padding-top:51px;
	padding-left:120px;
}

.opinionesTexto{
	text-align:left;
	color:#666666;
	width:320px;
	height:150px;
	padding-top:33px;
	padding-left:110px;
}

.clientesTexto1{
	text-align:left;
	font-size:12px;
}
.clientesTextoNombre{
	margin-top:12px;
	font-size:12px;
	color:#000;
	text-align:left;
}
.clientesTexto3{
	margin-top:38px;
	font-size:12px;
	text-align:left;
}

.vermasCE{
	padding-top:120px;
	margin-left:360px;
}

.vermasO{
	padding-top:30px;
	margin-left:360px;
}

.googlemasuno{
	float:left;
	overflow:hidden;
	width:67px;
	margin-right:5px;}

/*
-------------------------------------------------------
*/
.lefti{
	
	float:left;
}
.cursiva{
	font-style:italic;
}

.abajo{
clear:both;

}
.separador{
	padding-top:37px;
	padding-bottom:30px;
}

#formulario{
	background-image:url(../img/formulario_mantenteinformado.jpg);
	width:473px;
	height:188px;
	margin-right:15px;
	float:right;
}
#formulario_arriba{
	padding-top:30px;
	overflow:hidden;}
#formulario_arriba p{
	float:left;	

	padding-left:12px;
}

#formulario_arriba form{
	float:left;

	padding-left:10px;
}

.input_form{
	border:0;
	color:#333;
	float:left;
	text-align:right;
	background:url(../img/inputpie.jpg) no-repeat left top;
	width:170px;	
	padding:6px 0px;
	padding-right:10px;
	color:#666666;
}

.boton_form{
	float:left;
	margin-top:2px;
	padding-left:7px;
}

.etiqueta_form{
	float:left;
	padding-left:225px;
	padding-top:5px;
}

#redSocialFormulario{
	padding:0px 20px;
	padding-left:70px;
	padding-top:60px;
}

#redSocialFormulario img{
	margin:0px 6px;
}

	#redSocialFormulario table{
		margin-left:10px;}
.enlace_pie_importante{
	color:#000;
	font-weight:bold;
}
#garantia_arriba h1{
	text-transform:uppercase;}

.borde{
	border:#000 1px solid;
}

.left{
	float:left;
}
.right{
	float:right;
}

.vtop{
	vertical-align:top;}

.vmid{
vertical-align:middle;
} /* Clase pensada para posicionar imagenes ,td... alineado con el texto.*/

.align_right{
text-align:right;}

.f10{
	font-size:10px;}
	.f11{
	font-size:11px;}
.f12{
	font-size:12px;}
	
.f14{
	font-size:14px;}
	
.f18{
	font-size:18px;}
	
.cita{
	font-size: 24px;

margin-bottom: 15px;
line-height:30px;
color:#666;
font-style:italic;}	
	
.f20{
	font-size:20px;}	
	
.color{
	color:#000;}
	
.subrayado{
	text-decoration:underline;
}

.txtgris{
	color:#666;}

.btn a{
background-color: #f8f8f8;
border:#999999 1px solid;
padding-left:4px;
color: #333333;
padding-bottom:4px;
padding-top:4px;
float:left;
cursor:pointer;
}

.linea{border-top: #999999 1px solid;
height:0px;
border-bottom: #FFFFFF 1px solid;
}

.btn a span{float:left;
padding-right:4px;}
.btn_input{
background-color: #8f8c8c;
border:#999999 1px solid;
padding-left:4px;
color: #000000;


float:left;
cursor:pointer;

text-decoration:none;
}
.btn_input input{
padding-left:5px;
color: #FFFFFF;
padding-bottom:0px;
padding-top:0px;
text-decoration:none;
border:none;
border:0;
background:none;

background-color: #8f8c8c;
overflow:visible;
padding-right:7px;
cursor:pointer;
width:auto;}


.btn a:hover{
border:#666666 1px solid;}
.btn input:hover{
border:#666666 1px solid;}


.contenedor_desarrollo{
width:665px;}


.cabecero_titulo{
border:#999999 1px solid;
margin-bottom:20px;
background-color:#f6f5f5;}

.cabecero_titulo h1{
	padding:5px 10px;
	}

.cabecero_titulo h2{
	
	padding:5px 10px;
	}



.topright{
font-size:0;
background-image:url(../img/img_topright_03.jpg);
/*width:16px;*/
float:right;
/*height:21px;*/}

.topleft{
float:left;font-size:0;
background-image:url(../img/img_topleft_02.jpg);
/*height:21px;*/
width:100%;}


.centerright{

float:right;
background-image:url(../img/img_centerright_03.jpg);
height: auto;
background-position:right;
width:100%;
background-repeat:repeat-y;}

.centerleft{
float:left;

background-image:url(../img/img_centerleft_03.jpg);

width:100%;
height: auto;
background-repeat:repeat-y;}


.T0_1{
width:990px;
}
/*.T0_2{
width:960px;
}*/

.T1_1{
width:240px;

}
.T1_2{
width:480px;

}
.T1_3{
width:720px;


}


.T2_1{
width:320px;

}
.T2_2{
width:600px;
}

#pie_enlaces{width:990px; padding-top:17px;}
#enlace1{width:140px;
float:left;
padding-left:85px;}
#enlace2{width:120px;  padding-left:10px; float:left;}
#enlace3{width:120px;float:left;}
#enlace4{width:120px;float:left;}
#enlace5{width:120px;  padding-left:40px;float:left;}
#enlace6{width:120px;float:left;}

#pie_enlaces .enlace_pie_importante{
	color:#000;}
#pie_enlaces a{
	color:#999;}
#logo_aplus{
	float:left;
	padding-left:40px;
}

#logo_google{
	padding-top:5px;
	padding-left:50px;
	float:left;
	}
#logo_confianza_online{
	padding-top:5px;
	padding-left:0px;
	float:left;
	}
	
#aviso_legal{
padding-left:120px;
padding-top:110px;

}
	
.texto_gris{
	color:#666666;	
}

.texto_negro{
	color:#000;	
}

.cont_pop{overflow:auto; overflow-x:hidden;}








.en_movil{
	padding-top:30px;
	padding-left:40px;}

.gris{
	color:#666;}
.negro{
	color:#000;}	









#customAlertOverlay {
   background-color:#999999; 
}

#customAlertfullpage * {
	cursor:default;
}

#customAlertfullpage a {
	cursor:pointer;
}
/*		MOO.RD ALERT		 */
.box4 {

	background-color:#FFF;

text-align: center;


	padding:10px;
}
.box4  p{
	text-align: center;}
.head4 {
	background-color:#fff;


	color:#FFFFFF;
	padding-left:10px;
}

.head4 span {
	
}

.body4{
	background:url(../img/form_03.jpg) no-repeat left top;
	padding-top:300px;
	
	
	text-align:center;




}
.box4 h2{
	font-size:25px;
	text-align:center;
	}
.body5 {


	text-align:center;
	padding-top:50px;
	padding-left:70px;



}
.box4 a.confirmButton4 {
	background: url(../img/cerrar_07.jpg) no-repeat left top;
	width:87px;
	height:35px;
	margin:0px auto;
	margin-top:20px;
	display:block;


}

.box4 a.confirmButton4:hover {
	
}

.box4 a.cancelButton4 {
	

	width:25px;
	height:25px;
	background:url(../img/cerrar_03.jpg) no-repeat center center;
	display:block;
	float:right;
	position:relative;
	top:-2px;
	left:-2px;
}

.box4 .buttonBox4 {


	padding-top:4px;
	padding-bottom:4px;
}

.box4 .little {
	font-size:14px;
	padding-top:20px;
}