@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Rokkitt);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two);
/* PARA INTERNET EXPLORER*/
<!--[if IE]>

<![endif]--> 

@charset "utf-8";
::selection{
background:#c51230;
color:#fff;
}
::-moz-selection{
background:#c51230;
color:#fff;
}
body {
	background-color:#fff;
	font-family: Rokkitt, Arial,Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
	font-size:18px;

}
h2{
 font-family:'Lobster', Arial, Helvetica, sans-serif; 
 color:#c51230;
 font-weight:normal;
font-size:30px;
}
a {color: #0018AC}
a:hover {color:#C51230;}
a.ingles { float: right; margin:17px 3px 3px 10px; height: 14px; width: 22px; display: block; text-indent: -9999px; background: url(images/en.jpg) no-repeat 0 0; }
a.frances { float: right;margin:17px 10px 3px 10px; height: 14px; width: 22px; display: block; text-indent: -9999px; background: url(images/fr.jpg) no-repeat 0 0; }
a.espanol { float: right;margin:17px 10px 3px 10px; height: 14px; width: 22px; display: block; text-indent: -9999px; background: url(images/es.jpg) no-repeat 0 0; }
#header{

margin: 0 auto 6px;
background-color:#fff;

width:935px;

}
#logon{
width:214px;
height:148px;
padding:2px;
}
/* Menu Principal */
#nav1 {
float:right;
margin-top:-68px;
/*background-color:#eee;*/
background: #eee;	
font-family:'Lobster', Arial, Helvetica, sans-serif; 
font-size:21px; 
-moz-border-radius:5px; 
-khtml-border-radius:5px; 
-webkit-border-radius:5px; 
border-radius:5px; 
-moz-box-shadow:2px 2px 3px #ccc; 
-webkit-box-shadow:2px 2px 3px #ccc; 
box-shadow:2px 2px 3px #ccc;
}

#nav1 .clear{clear:both;}
#nav1 ul{padding:0 0 0 5px; margin:0; list-style:none;}
#nav1 li{float:left; margin:5px 10px 5px 0; background:#eee; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav1 li a{text-decoration:none; color:#0018ac; display:block; padding:10px 13px;}

/* Submenu */
#submenu{
width:930px;
margin:0 auto;
}
#nav2{width:800px;float:left;margin:0;background:#fff;padding:0; font-family:'Lobster', Arial, Helvetica, sans-serif; font-size:17px;}
#nav2 .clear{clear:both;}
#nav2 ul{padding:0 0 0 5px; margin:0; list-style:none;}
#nav2 li{float:left; margin:5px 10px 5px 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav2 li a{text-decoration:none; color:#c51230; display:block; padding:10px 13px;}

#nav{width:930px;height:30px;float:left;margin:0 0 0 0;  background:#eee; padding:1px; font-family:'Lobster Two', Arial, Helvetica, sans-serif; font-size:17px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:2px 2px 3px #ccc; -webkit-box-shadow:2px 2px 3px #ccc; box-shadow:2px 2px 3px #ccc;}
/*
#nav{width:800px;float:left;margin:0;background:#fff;padding:0; font-family:'Lobster', Arial, Helvetica, sans-serif; font-size:17px;}
*/
#nav .clear{clear:bottom;}
#nav ul{padding:0 0 0 5px; margin:0; list-style:none;}
#nav li{float:left; list-style:none; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav li a{text-decoration:none; color:#0018a1; display:block; padding:5px 0 10px 15px;}
#nav li a:hover{color:#c51230;}
#nav  li a.active {color:#c51230;}

#d3nav{
width:300px;float:left;margin:0 0 0 0; padding-top:10px; font-family:'Lobster Two', Arial, Helvetica, sans-serif; font-size:17px;}
#d3nav ul{padding:0 0 0 5px; margin:0; list-style:none;}
#d3nav li{float:left; list-style:none;}
#d3nav li a{text-decoration:none; color:#c51230;padding:10px 0 10px 15px;clear:both;}
#d3nav li a:hover{color:#0018a1;}
#d3dnav  li a.active {color:#0018a1;}
#contenido{
width:935px;
padding-left:10px;
margin:0 auto;
padding-bottom:10px;
height:auto !Important;
}
/*#contenido img.right {
	float: right;
	margin: 0 0 8px 8px;
}*/
#contenido img.right {
	float: right;
    height: 480px;
    margin: 4px 0 8px 8px;
    width: 425px;
}
#mapa
{
float:left;
width:500px;
height:450px;
margin-bottom:10px;
}
#txtempresa{
font-size:13px;
margin-right:18px;
width:400px;
float:left;
}
#pie{
clear:both;
font-family:Verdana;
font-size:12px;
color:#0018ac;
background-color:#eeeeee;
margin:0 auto;
padding:10px;


}
.hbuttons a{
margin-top:14px;
margin-left:5px;
display: block;
text-decoration: none;
font-family: Interstate, Arial, Helvetica, Verdana, sans-serif;
font-size:14px;
font-weight:bold;
color: #fff;
width: 99px;
height: 24px;
float: left;
display: inline;
background-image:url(imgs/button2.jpg);
background-repeat: no-repeat;
padding-top: 4px;
padding-left:2px;

}
#wrapper {
	width: 930px;
	margin: 0 auto;

	padding:5px 0 0 10px;

	position:relative;
}
#sliderindex {
	width: 930px;
	height: 345px;
	padding:5px 0 0 0;

}
.hbuttons a:hover{
background-image:url(imgs/button3.jpg);
}
.hbuttons .active{
background-image:url(imgs/button1.jpg);
color : #000;

}
.hbuttons .active:hover{
background-image:url(imgs/button1.jpg);
color : #000;

}

.hbuttons2 a{
margin-top:2px;
margin-left:3px;
display: block;
text-decoration: none;
font-family: Interstate, Arial, Helvetica, Verdana, sans-serif;
font-size:14px;
font-weight:normal;
color: #fff;
width: 150px;
height: 21px;
float: left;
display: inline;
background-image:url(imgs/btn1.gif);
background-repeat: no-repeat;
padding-top: 2px;


}

.hbuttons2 a:hover{
background-image:url(imgs/btn2.gif);
}
.hbuttons2 .active{
background-image:url(imgs/btn3.gif);
color : #000;

}
.hbuttons2 .active:hover{
background-image:url(imgs/btn3.gif);
color : #000;

}
span.espacio{
padding-left:15px;
}
span.espacio2{
padding-left:12px;
}
span.rojo{
color:#c51230;

}

#cabecera{
width:935px;
height:43px;
background-image: url(images/cabecera-1.jpg) no-repeat;
}
#principal {
	position:relative;
	background-color:#fff;
	width:935px;
	height:545px;
	z-index:1;
	visibility: visible;
	left: auto;
	margin: 0;
	border:none;

}
#espacio1 {
	position:absolute;
	width:118px;
	height:105px;
	z-index:7;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: visible;
}
#portada1 {
	position:absolute;
	width:607px;
	height:105px;
	z-index:7;
	left: 328px;
	top: 43px;
}
#portada2 {
	position:absolute;
	width:210px;
	height:176px;
	z-index:2;
	left: 0px;
	top: 148px;
}
#portada3 {
	position:absolute;
	width:211px;
	height:176px;
	z-index:3;
	visibility: visible;
	left: 208px;
	top: 148px;
}
#portada4 {
	position:absolute;
	width:517px;
	height:242px;
	z-index:4;
	left: 418px;
	top: 148px;
}
#minis {
	width:935px;
	height:85px;
	z-index:5;
	left: 0px;
	margin-top:20px;
	
}

#menu {
	width:935px;
	height:82px;
	z-index:6;
	visibility: visible;
	left: 0px;
	top: 471px;
	background-image: url(images/fondo_menu.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	clear:botton;
}
#divtextos {
	padding-left:10px;
	width:469px;
	height:auto !Important;
	z-index:2;
	left: 25px;
	top: 148px;
	text-align: justify;
	margin-bottom:10px;
}
#divtextos p{
	padding-left:15px;
	font-family:Rokkitt, times new roman, tahoma, Helvetica, sans-serif; 
	color:#000;
	font-size:18px;	

}
#divfotos {
	float:right;
	width:416px;
	height:422px;
	z-index:7;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: visible;
	left: 519px;
	top: 43px;
	
}
#divproductos {
	position:absolute;
	width:935px;
	height:428px;
	z-index:7;
	visibility: visible;
	overflow: hidden;
	left: 0px;
	top: 43px;

}
#portada5 {
	width:421px;
	height:66px;
	z-index:7;
	top: 324px;
	visibility: visible;
	text-align: center;
	vertical-align: middle;
	display: inline;
	
}
#divselloscalidad {	position:absolute;
	width:210px;
	height:85px;
	z-index:2;
	left: 270px;
	top: 60px;
	text-align: center;
	
}
#divlogocorazon {
	position:absolute;
	width:94px;
	height:99px;
	z-index:2;
	left: 185px;
	top: 210px;
	
}
#divformulario {
	position:absolute;
	width:529px;
	height:428px;
	z-index:7;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: visible;
	left: 220px;
	top: 43px;
}
#divderecha {
	position:absolute;
	width:160px;
	height:220px;
	z-index:7;
	left: 765px;
	top: 228px;
}
#divizquierda {
	position:absolute;
	width:210px;
	height:50px;
	z-index:2;
	left: 0px;
	top: 250px;
	text-align: center;
	
}
#divavisolegal {
	position:absolute;
	width:678px;
	height:400px;
	z-index:7;
	left: 257px;
	top: 43px;

}
.Texto_corrido {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}
.Estilo2 {color: #990000}
.Estilo6 {color: #000099}
.Estilo7 {color: #000000;
	font-size: 11px}
.Estilo10 {color: #000000}
.Estilo11 {font-size: 10px}
.Estilo12 {
	color: #666666;
	font-size: 10px}
.Estilo9 {font-size: 9px}
.Estilo4 {font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000099;

}
::selection{
background:#c51230;
color:#fff;
}

#logos {
display: block;
height: 40px;
padding: 2px;
margin-top: 5px;
}

#logoAmbiental {
background: url("imgs/calidad.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 125px;
}
#logoFundacion {
background: url("imgs/cardiosaludable.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 108px;
}
#logoCita {
background: url("imgs/cita.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 67px;
}
#logoCtic{
background: url("imgs/ctic.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 55px;
}
#logoFer {
background: url("imgs/fer.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 93px;
}
#logoAmaco {
background: url("imgs/amaco.jpg") no-repeat scroll 0 0 transparent;
float: right;
height: 40px;
width: 140px;
}
.marginLogo {
margin-right: 68px;
}
#calidad p {width: 469px;text-align: justify; font-family:Rokkitt;}
/***** MAPA GOOGLE MAPS *****/
.longdesc p {font-size: 10px;}
#map_canvas {margin-bottom: 10px;margin-right: 5px;float:right;height:408px;position:relative;width:490px;z-index:30 !important;}
#locations { list-style: none; width: 250px; float: left;  }
#locations li { padding: 10px; width: 530px; float: left; position: relative; z-index: 20; font-size: 15px;}
#locations li:hover, #locations li.hover { background: #eeeeee url(./images/shadow.png) 314px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: #C51230; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
/***** FIN MAPA GOOGLE MAPS *****/