/* CSS Document */

/*******ESTILOS PARA PAGINAS GENERALES******/

h1,h2,h3,h4,h5,h6,form,body,html,p,address,fieldset,input,table,th,td,ul,li{ margin:0; padding:0;}

a{outline:none;}

a img,:link img,:visited img { border:none;}

a {text-decoration:none; 	outline:none; }

ul,ol { list-style:none; }

li { list-style-type:none; }

img { border:none;}

address { font-style:normal; }

table { border-collapse: collapse;  border-spacing: 0; }

html { font-size:100%;}

body {
	font-size:0.69em;
	color:#2e2f8e;
	height:100%;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background:#bac3d5 url(../images/fondo_general.jpg) no-repeat top center;}


#body {width:90em;clear:both;margin:auto;padding:0 0 0 0;}

/****HEADER****/

#header {padding:0 0em 0 0em;width:821px;clear:both;margin:auto;}

#cabecera_general {
	width:100%;
	float:left;
	text-align:left;}
	
h1{text-indent:-9999px; font-size:1.2em;}

h2 {font-size:1.1em;
	text-transform: uppercase;
	font-weight: normal;
	margin-left:300px;
	padding:0 0 0 0em;
	letter-spacing: 0.4em;
	float:left;}

#cabecera_general img {float:left; margin:2.5em 0 0 1.7em; padding:0 0 0 0em;}


#cabecera_general ul li { display:inline;margin:0 0 0 1.5em;}
#cabecera_general ul li a {padding:3.2em 4em 1.8em 0;}
.ico_inicio {background:url(../images/ico_inicio.png) right center no-repeat;}
.ico_inicio:hover {background:url(../images/ico_inicio_hover.png) right center no-repeat;}

.ico_contacto {background:url(../images/ico_contacto.png) right center no-repeat;}
.ico_contacto:hover {background:url(../images/ico_contacto_hover.png) right center no-repeat;}
.ico_not {background:url(../images/ico_not.png) right center no-repeat;}

#cabecera_general ul {margin-top:60px;}

#cabecera_general div {
	float:right;
	text-align:right;
	font-weight:bold;
/*	margin: 40px 0 0 0;
*/	color:#1d1f95;
	font-size:1.1em;
	letter-spacing: 0.1em;}
	

#cabecera_general a:link{font-weight:bold;color:#1d1f95;}
#cabecera_general a:visited{font-weight:bold;color:#1d1f95;}	
#cabecera_general a:hover{font-weight:bold;color: #445dc1;}	
#cabecera_general a:focus{font-weight:bold;color: #445dc1;}		    
#cabecera_general a:active{font-weight:bold;color:#445dc1;}

/****menu*****/

#menu_general {
	background:url(../images/menu_general.png) center no-repeat;
	float:left;
	height:65px;
	margin:0em 0 0 0em;
	width:100%;
	text-align:justify;}
	
#menu_general ul { text-align:left; margin:0 0 0 5.3em; padding:1em 0 0 0em;}

#menu_general ul li {display:inline; margin:0em 0 0 0em; background:none; background-image:none;}

     /******recursos menu*******/

.inicio_peq {width:99px; height:39px; position:relative; padding:0 8em 0 0em; margin:0 0em 0em 0;}
.inicio_peq em {width:99px;height:39px; background:url(../images/inicio_peq.png) 0px -39px no-repeat;position:absolute;top:0;left:0;}
.inicio_peq a:link,.inicio a:visited,.inicio a:hover,.inicio a:active {cursor:pointer; color:#ffffff;}
.inicio_peq a:hover em {background:url(../images/inicio_peq.png) -0px -0px no-repeat;} 

.quien_peq  {width:178px; height:39px; position:relative; padding:0 10.8em 0 0em; margin:0 0em 0em 0;}
.quien_peq  em {width:178px;height:39px; background:url(../images/quienes_somos_peq.png) 0px -39px no-repeat;position:absolute;top:0;left:0;}
.quien_peq  a:link,.quien_peq a:visited,.quien_peq a:hover,.quien_peq a:active {cursor:pointer; color:#ffffff;}
.quien_peq  a:hover em {background:url(../images/quienes_somos_peq.png) -0px -0px no-repeat;} 

.productos_peq  {width:136px; height:39px; position:relative; padding:0 9em 0 0em; margin:0 0 0em 0;}
.productos_peq  em {width:136px;height:39px; background:url(../images/productos_peq.png) 0px -39px no-repeat;position:absolute;top:0;left:0;}
.productos_peq  a:link,.productos_peq a:visited,.productos_peq a:hover,.productos_peq a:active {cursor:pointer; color:#FFFFFF;}
.productos_peq a:hover em {background:url(../images/productos_peq.png) -0px -0px no-repeat;} 

.servicios_peq  {width:126px; height:39px; position:relative; padding:0 8.8em 0 0em; margin:0 0 0em 0;}
.servicios_peq  em {width:126px;height:39px; background:url(../images/servicios_peq.png) -0px -39px no-repeat;position:absolute;top:0;left:0;}
.servicios_peq  a:link,.servicios_peq a:visited,.servicios_peq a:hover,.servicios_peq a:active {cursor:pointer; color:#FFFFFF;}
.servicios_peq  a:hover em {background:url(../images/servicios_peq.png) -0px -0px no-repeat;} 

.pedidos_peq  {width:111px; height:39px; position:relative; padding:0 1em 0 0em; margin:0 0 0em 0;}
.pedidos_peq  em {width:111px;height:39px; background:url(../images/pedidos_peq.png) -0px -39px no-repeat;position:absolute;top:0;left:0;}
.pedidos_peq  a:link,.pedidos_peq a:visited,.pedidos_peq a:hover,.pedidos_peq a:active {cursor:pointer; color:#FFFFFF;}
.pedidos_peq  a:hover em {background:url(../images/pedidos_peq.png) -0px -0px no-repeat;} 

/*******CONTENIDO**********/

h3{
	border-bottom:#1d1f95 1px solid;
	text-transform: capitalize;
	font-variant: small-caps;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 1.5em 0em;
	padding:0 0 0 0em;
	letter-spacing: 0.2em;
	text-align:left;
	color:#1d1f95;}

h4{
	font-variant: small-caps;
	font-size:1.3em;
	font-weight:bold;
	margin:0 0 0.5em 0em;
	padding:0 0 0 0em;
	color:#1d1f95;}
	
	
h5{
	font-variant: small-caps;
	font-size:1em;
	font-weight:bold;
	margin:2em 0 0.5em 0em;
	padding:0 0 0 0em;
	color:#1d1f95;}


#contenido_general {padding:0 0em 0 0em;width:70.5em;clear:both;margin:auto;}

#top { width:779px; height:63px; background-image:url(../images/top.png); background-repeat:no-repeat; background-position:top;}
#cont { width:779px; background-image:url(../images/cont.png); background-repeat:repeat-y; background-position:top;}
#bottom { width:779px; height:63px; background-image:url(../images/bottom.png); background-repeat:no-repeat; background-position:top;}

/****quienes somos****/

#cont_quien {margin:0 4em 0 4em; float:none; min-height:23em;}
#cont_quien img { border:none; float:left; margin:0 0em 0 0em;}
#cont_quien div { border-left:#ffff00 2px solid;padding:0 0 0 1.5em; margin:0 0 0 1em; font-size:1.1em; width:40.5%; text-align:justify; float:left;}
#cont_quien div p { margin-bottom:1em;}
#cont_quien a {color:#1d1f95;}

/****BANNERS****/
/*
#banner1 {width:190px; height:115px; position:relative; padding:0; margin:0 auto 0em auto; }
#banner1 em {display:block; width:190px; height:115px; background:url(../images/mojitos.png); position:absolute; top:0; left:0;}
#banner1 a {cursor:pointer;}
#banner1 a:hover {background:#fff;}
#banner1 a:hover em {display:block; width:190px; height:115px; background:url(../images/mojitos.png); position:absolute; top:-190px; left:0;}

*/

div #banners{ margin:0 0 0 1em; padding:0 0 0 1.4em; border:none; float:left; width:190px;background:url(../images/fondo_banners.png) bottom left no-repeat; min-height: 20em;}
#banners div  {  margin:0; padding:0; border:none;}

#banner1   {width:190px; height:115px; position:relative; padding:0 0em 0 0em; margin:0 0 0em 0;}
#banner1  em {width:190px;height:115px; background:url(../images/mojitos.png) -0px -0px no-repeat;position:absolute;top:0;left:0;}
#banner1  a:link, #banner1  a:visited, #banner1  a:hover, #banner1 a:active {cursor:pointer; color:#FFFFFF;}
#banner1   a:hover em {background:url(../images/mojitos.png) -0px -115px no-repeat;} 


/****productos****/

#cont_productos {margin:0 4em 0 4em;}
#cont_productos  p {font-size:1.1em;}

#hielos {margin:2em 0 0 0em;}
#hielos img { border:/*#1d1f95 0.1em solid*/none;margin:1.5em 0em 0 0em;}

#hielo_1 { width:36.5%;float:left; font-size:1.1em; padding:0 1.9em 0 0em;}
#hielo_1 img { margin:3em 0 0 0em;}

#hielo_2 {float:left;margin:0 0 0 0em; border-left:#ffff00 2px solid;padding:0 0 0 1.8em; font-size:1.1em;color:#1d1f95;}
#hielo_2 img { margin:4.2em 0 0 0em;}

#hielo_3 {margin:0 0 0 40.5em;border-left:#ffff00 2px solid;padding:0 0 0 1.8em; font-size:1.1em;}


/****servicios****/

#cont_servicios {margin:0 4em 0 4em; text-align:center;}
#cont_servicios img { border:#1d1f95 0.1em solid;  margin:1.5em 0 1.5em 0em;}
#cont_servicios p { font-size:1.1em; margin:0 0 0.5em 0em; text-align:left;}

/****pedidos****/

#cont_pedidos {margin:0 4em 0 4em;}

#cont_pedidos div {font-size:1.1em;}



form {margin:2em 0 0 0em; width:100%;}

fieldset {border:#1d1f95 1px solid; padding:0 2em 2em 2em;}

legend {color:#1d1f95 ;letter-spacing: 0.2em;margin:0 0 0 1em; padding:0 0 0 0em;}

label {margin:0 0em 0 0em;}

form p {margin:1.5em 0 0em 0em;}



#boton1{ background:#dfe3ec url(../images/boton.jpg) bottom left repeat-x;color:#1d1f95; padding-right:0.5em; padding-top:0.2em; padding-bottom:0.2em; cursor:pointer; width:105px; margin-left:8px;border:#7e82c0 1px solid;}
#boton1:hover {background:#dfe3ec url(../images/botonhover.jpg) bottom left repeat-x; color:#1d1f95;border:#7e82c0 1px solid;}

#boton2{ background:#dfe3ec url(../images/boton.jpg) bottom left repeat-x;color:#1d1f95; padding-right:0.5em;padding-top:0.2em; padding-bottom:0.2em; cursor:pointer; width:105px; margin-left:8px;border:#7e82c0 1px solid;}
#boton2:hover {background:#dfe3ec url(../images/botonhover.jpg) bottom left repeat-x; color:#1d1f95;border:#7e82c0 1px solid;}


/******FOOTER*****/

#footer {clear:both;width:90em;margin:auto;background:url(../images/fondo_footer.png) no-repeat top center; height:173px; color:#445dc1; padding:9em 0em 0 0em;}

#datos_empresa{ float:left;margin:0 0 0 10em;}
#datos_empresa span{color:#1d1f95; font-weight:bold;}

#footer a:link{font-weight:normal;color:#445dc1;}
#footer a:visited{font-weight:normal;color:#445dc1;}	
#footer a:hover{font-weight:normal;color: #1d1f95;}	
#footer a:focus{font-weight:normal;color: #1d1f95;}		    
#footer a:active{font-weight:normal;color:#1d1f95;	}

#datos_sli {float:right; text-align:right; margin:0 10em 0 0em;}
#datos_sli span {font-size:1.4em;}

#datos_sli ul{ float:right; padding:0 0em 1em 0em; }
#datos_sli ul li{ float:left; list-style:none; margin:0em 3em 0em 0.5em;}	
#datos_sli p{padding:1.5em 0em 0 0em;}
 .xhtml em{background:url(../images/w3c_xhtml.png);
	background-repeat:no-repeat;		
	width:68px;
	height:24px;
	position: absolute;
	 }
	
 .css em{background:url(../images/w3c_css.png);
	background-repeat:no-repeat;		
	width:68px;
	height:24px;
	position: absolute;}


/******** COMUNES ************/

.negrita {	font-weight:bold;}
.izquierda {	float:left;}
.derecha {	float:right;}
.clear {	clear:both;}
.azul_oscuro{color:#1d1f95;}



/*====================ANCHOS=======================*/



.form1{ width:38%; margin-right:1em;}
.form2{ width:39.65%;}
.form3{ width:29.2%; margin-right:1em; }
.form4{ width:39.6%; margin-left:0.3em;}
.form5{ width:98.7%;}




#enlaces { clear:both;}

#enlaces a:link{font-weight:normal;color:#445dc1; font-size:0.8em;}
#enlaces a:visited{font-weight:normal;color:#445dc1; font-size:0.8em;}	
#enlaces a:hover{font-weight:normal;color: #1d1f95; font-size:0.8em;}	
#enlaces a:focus{font-weight:normal;color: #1d1f95; font-size:0.8em;}		    
#enlaces a:active{font-weight:normal;color:#1d1f95;	 font-size:0.8em;}

#mapa { margin:3em auto;}
#mapa iframe{border:#1d1f95 solid 0.1em;}