@import url(https://fonts.googleapis.com/css?family=Open+Sans);

html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}

body {
	
background: #feffff;
background: -moz-linear-gradient(top, #feffff 0%, #ddf1f9 35%, #d0e5ed 100%);
background: -webkit-linear-gradient(top, #feffff 0%,#ddf1f9 35%,#d0e5ed 100%);
background: linear-gradient(to bottom, #feffff 0%,#ddf1f9 35%,#d0e5ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d0e5ed',GradientType=0 );

	 

font-family: 'Open Sans', sans-serif;
color: black;
font-size:14px;
}


@-webkit-keyframes animacion1 {
from { background-position: 0 0; }
to { background-position: -4000px 0; }
}

@-moz-keyframes animacion1 {
from { background-position: 0 0; }
to { background-position: -4000px 0; }
}

@-o-keyframes animacion1 {
from { background-position: 0 0; }
to { background-position: -4000px 0; }
}

@keyframes animacion1 {
	from { background-position: 0 0; }
	to { background-position: -4000px 0; }
}


#scroll {
float:left;
  width: 100%;
  height: 280px;
  background-image:url('banner1.jpg');
  background-position: 0px 0px;

  }
  
#banner {
float:left;
  width: 100%;
  height: 280px;
  }
 
table.prods {
width:500px;
font-family: Arial;
color: black;
font-size:14px;
}

td {
vertical-align:top;
border-bottom: 1px dotted black;
padding: 5px 5px;
}

.prod {
background-color: #c4c4c4;
width:110px;
}

img {
border:0px;
}

h1 {
font-size:16px;
font-weight:bold;
}

h2 {
margin-top:0;
}

p  {
text-aling:justify;
line-height:25px;
}

li {
line-height:25px;
}

li a {
text-decoration:none;
}

hr.ancho{
width:500px;
align:left;
}

hr {
margin:40px 0 40px 0;	
	
}
 
.todo {
overflow:auto;
width:100%;
max-width:1200px;
margin-left: auto;
margin-right: auto;
}


.menu2 {
position:relative;
float:right;
margin-right:4%;
margin-top:10px;
}




.nav1 {
list-style:none;
margin:0;
padding:0;
}

.nav1 li {
margin:2px;
float:left;
line-height:12px;
vertical-align:middle;
}

.nav1 li a{
display:block;
width:100px;
height:30px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:14px;
color:#FFFFFF;
}

.nav1 li a:hover {
color:#99CC00;
}

.nav1 li.divisor {
line-height:18px;
font-size:16px;
color:#FFFFFF;
}

.nav2 {
list-style:none;
margin:0;
padding:0;
}

.nav2 li {
margin:2px;
float:left;
line-height:13px;
vertical-align:middle;
}

.nav2 li a{
display:block;
width:100px;
height:20px;
padding:4px 0;
text-decoration:none;
text-align:center;
font-size:12px;
color:#000000;
}

.nav2 li a:hover {
text-decoration:underline;
}

.nav2 li.divisor {
line-height:13px;
font-size:14px;
color:#000000;
}

.nav3 {
list-style:none;
margin:0;
padding:0;
}

.nav3 li {
margin:3px;
float:left;
line-height:10px;
vertical-align:middle;
}

.nav3 li a{
display:inline;
width:70px;
height:14px;
padding:2px 0;
text-decoration:none;
text-align:center;
font-size:10px;
color:#FFFFFF;
}

.nav3 li a:hover {
text-decoration:underline;
}

.nav3 li.divisor {
line-height:12px;
font-size:12px;
color:#FFFFFF;
}


#slideshow { 
    float:left; 
    width: 1200px; 
    height: 280px; 
}

#slideshow > div { 
    position: absolute; 
}

#secciones {
width:1200px;
height:250px;
}

.columna {
float:left;
width:297px;
height:250px;
margin-right:2px;
}


.contenido_col {
width:289px;
height:225px;
margin:4px;
}

#leermas {
float:right;
height:30px;
margin-bottom:10px;
}

#pagina {
float:left;
width:1200px;
margin-bottom:15px;
min-height:505px;
}

#navegacion {
background:#FFFFFF;
float:right;
margin-top:30px;
padding: 20px 20px 15px;
width:300px;
text-align:center;
font-size:15px;
letter-spacing:2px;
}

#sidebar {
float:left;
width:300px;
margin-top:30px;
}

#contenido {
background: #FFFFFF;
float:right;
width:834px;
min-height:300px;
margin-left:20px;
padding:10px;
text-align:justify;
}

#info {
float:left;
width: 545px;
padding:25px;
min-height:300px;
border-right: 5px solid #006699;
}

#servicios {
width:100%;
margin:30px auto;
text-align:center;
font-weight:bold;
letter-spacing:5px;
}

#servicios1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width:100%;
}



#contenido_secciones {
float:left;
width: 48%;  
display: inline-block;
padding:2%;
margin-bottom:20px;
background:#FFFFFF;
}

#foto_secciones {
width:100%;	
height:auto;	
}

#foto_secciones img{
width:100%;	
height:auto;	
}


.titulo_servicios {
margin:3% 0;
font-size:24px;
font-weight:bold;
text-align:center;
color:#666666;
}

.texto_servicios {
margin:0 auto 30px auto;
width:100%;
font-size:20px;
font-weight:bold;
text-align:center;
color:#666666;
}

.link_servicios {
text-align:right;
margin-right:30px;
font-size:24px;
font-weight:bold;
}

.link_servicios a {
color:#006699;
text-decoration:none;
}


.noticias{
background: #FFFFFF;
float:left;
width:100%;
padding:3%;
text-align:justify;
}

#otras_noticias {
float:right;
width: 20%;
padding:5px;
margin-right:3%;
min-height:300px;
text-align:center;
}

#otras_noticias img{
width:100%;
height:auto;
}

#texto_noticias {
float:left;
}

#contact-area {
	float:left;
	width: 610px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 495px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}



#footer {
float:left;
margin-top:10px;
width:100%;
background-color:#006699;
}

#footer_izq {
float:left;
width:48%;
padding:5px;
margin-left:15px;
}

#footer_der {
float:right;
width:auto;
padding:5px;
margin-top:15px;
margin-right:15px;
}

.texto_footer {
color:white;
font-size:12px;
}


label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
}


@media (min-width:1180px)
{
	
	.header {
	height:auto;
	width:100%;
	}

	.logo {
	height:auto;
	width:560px;
	background:#ffffff;
	}

	.logo_img {
	height:auto;
	width:560px;

	}
		
	
	.menus {
	float:right;
	width:580px;
	height:25px;
	margin-top:-20px;
	}
	
	.menu1 {
	float:right;
	width:580px;
	margin-left:auto;
	margin-right:0;
	padding:3px;
	height:25px;
	background-color:#006699;
	}
	
	
	.azul1 {
	display:block;
	float:left;
	width:100%;
	height:10px;
	background-color:#006699;
	position:relative;
	}

	#contenido_secciones {
	min-height:530px;
	}
	
	#texto_noticias {
	float:left;
	width: 70%;
	padding:25px;
	min-height:300px;
	border-right: 1px solid #b5b5b5;
	}	

	#servicios {
	width:100%;
	margin:30px auto;
	text-align:center;
	font-size:30px;
	font-weight:bold;
	letter-spacing:5px;
	}	
	
	img.foto_staff {
	max-width: 250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
	
	img.foto_servicios {
	max-width: 200px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
	
}





@media (min-width:601px) and (max-width:1179px)
{

	.header {
	width:100%;
	margin-top:0px;
	max-width:1200px;
	min-width:560px;
	background:#ffffff;
	}

	.logo {
	height:auto;
	min-width:360px;
	background:#ffffff;
	}

	.logo_img {
	height:auto;
	max-width:100%;
	}	
		
	
	.menus {
	float:right;
	width:580px;
	height:25px;
	margin-top:0px;
	}
	
	.menu1 {
	float:right;
	width:580px;
	margin-left:auto;
	margin-right:0;
	padding:3px;
	height:25px;
	background-color:#006699;
	}
	
	
	.azul1 {
	clear: both;
	display:block;
	width:100%;
	height:10px;
	background-color:#006699;
	position:relative;
	}
	
	
	#slideshow { 
	display:none;
	}
	
	#slideshow > div {
	display:none;
	}	
	
	#slideshow img {
	display:none;
	}	
	
	#contenido_secciones {
	float:left;
	width: 49%; 
	padding:2%;
	margin-bottom:5px;
	}
	
	#secciones {
	position:relative;
	display:block;
	width:100%;
	height:250px;
	}	
	
	.columna {
	float:left;
	max-width:297px;
	width:24.5%;
	height:auto;
	margin-right:2px;
	}	
	

	.contenido_col {
	max-width:289px;
	width:100%;
	height:225px;
	margin:4px;
	}
	
	
	.contenido_col img{
	max-width:289px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}
	
	#leermas {
	float:right;
	height:30px;
	margin-bottom:10px;
	margin-top:20px;
	}
	
	#banner {
	float:left;
	width: 100%;
	height: auto;
	}	
	
	#banner img{
	width: 100%;
	height: auto;
	}		

	#pagina {
	width:100%;
	}	
	
	#navegacion {
	width:25%;
	min-width:260px;
	}

	#servicios {
	text-align:center;
	font-size:16px;
	}	

	.titulo_servicios {
	font-size:16px;
	}

	.texto_servicios {
	font-size:14px;
	}

	.link_servicios {
	font-size:14px;
	}


	
	
	#sidebar {
	width:20%;
	}	

	#contenido {
	width:72%;
	}
	
	#info {
	width: 100%;
	padding:1%;
	border-right: none;	
	}	

	
	#texto_noticias {
	width: 65%;
	padding:3%;
	min-height:300px;
	border-right: 0;
	}
	
	#otras_noticias {
	float:right;
	width: 25%;
	padding:5px;
	margin-right:3%;
	min-height:300px;
	text-align:center;
	}

	#contact-area {
	float:left;
	width: 100%;
	margin-top: 25px;
	}

	label {
	text-align: left;
	}
	
	#contact-area input, #contact-area textarea {
		padding: 5px;
		width: 100%;
		margin: 0px 0px 10px 0px;
		border: 2px solid #ccc;
	}

	#contact-area textarea {
		height: 90px;
	}

	#contact-area textarea:focus, #contact-area input:focus {
		border: 2px solid #900;
	}

	#contact-area input.submit-button {
		width: 100px;
		float: right;
	}
	
	img.foto_staff  {
	max-width:100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
}



@media (min-width:361px) and (max-width:600px)
{
	
	.header {
	width:100%;
	margin-top:0px;
	background:#ffffff;
	}

	.logo {
	height:auto;
	min-width:360px;
	background:#ffffff;
	}

	.logo_img {
	height:auto;
	max-width:100%;
	}	
		
	
	.menus {
	width:100%;
	height:25px;
	margin-top:0px;
	}
	
	.menu1 {
	width:100%;
	padding:3px;
	height:25px;
	background-color:#006699;
	}
	

	.nav1 {
	list-style:none;
	margin:0;
	padding:0;
	}

	.nav1 li {
	margin:2px;
	float:left;
	line-height:12px;
	vertical-align:middle;
	width:17%;
	}

	.nav1 li a{
	display:block;
	height:20px;
	width:auto;
	}

	.nav1 li.divisor {
	float:left;
	line-height:18px;
	font-size:16px;
	color:#FFFFFF;
	width:2px;
	}	
	


	.azul1 {
	display:block;
	width:100%;
	height:10px;
	background-color:#006699;
	margin:0px;
	padding:0px;
	}
	
	
	#slideshow { 
	display:block;
	height: 200px;
	width:100%;
	min-width:360px;
	position:relative;
	}
	
	#slideshow > div {
	width:100%;
	height: 200px;
	min-width:360px;	
	position:absolute;
	}	
	
	#slideshow img {
	float:left; 
	height: 200px;
	width:100%;
	max-width:1200px;
	min-width:560px;	
	}	

	#contenido_secciones {
	float:left;
	width: 49%; 
	padding:2%;
	margin-bottom:5px;
	}

	
	#secciones {
	position:relative;
	display:block;
	width:100%;
	height:300px;
	}	
	
	.columna {
	float:left;
	max-width:297px;
	width:49%;
	height:auto;
	margin-right:2px;
	}	
	

	.contenido_col {
	max-width:289px;
	width:100%;
	height:200px;
	margin:4px;
	}
	
	
	.contenido_col img{
	max-width:289px;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

	#leermas {
	float:right;
	height:30px;
	margin-bottom:10px;
	margin-top:20px;
	}		
	

	#banner {
	float:left;
	width: 100%;
	height: auto;
	}	
	
	#banner img{
	width: 100%;
	height: auto;
	}		

	#pagina {
	width:100%;
	}	
	
	#navegacion {
	width:100%;
	}
	
	#sidebar {
	width:100%;
	}	

	#contenido {
	width:100%;
	}
	
	#info {
	width: 100%;
	padding:5%;
	border-right: none;	
	}		

	#servicios {
	text-align:center;
	font-size:16px;
	}		
	
	.titulo_servicios {
	font-size:16px;
	}

	.texto_servicios {
	font-size:14px;
	}

	.link_servicios {
	font-size:14px;
	}


	#otras_noticias {
	float:left;
	width: 100%;
	padding:5px;
	min-height:300px;
	text-align:center;

	}

	#otras_noticias img{
	width:100%;
	height:auto;
	}

	#texto_noticias {
	width: 100%;
	padding:3%;
	border-right: 0;
	}


	#contact-area {
	float:left;
	width: 100%;
	margin-top: 25px;
	}

	#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	}

	#contact-area textarea {
		height: 90px;
	}

	#contact-area textarea:focus, #contact-area input:focus {
		border: 2px solid #900;
	}

	#contact-area input.submit-button {
		width: 100px;
		float: right;
	}	

	label {
	text-align: left;
	}

	#footer {
	float:left;
	margin-top:10px;
	width:100%;
	background-color:#006699;
	}

	#footer_izq {
	width:100%;
	padding:5px;
	margin-left:2px;
	}

	#footer_der {	
	width:90%;
	padding:5px;
	margin-top:15px;
	margin-right:2px;
	}	
		
	img.foto_staff {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
	
}




@media (max-width:360px)
{
	
	.todo {
	overflow:auto;
	width:100%;
	min-width:160px;
	margin-left: auto;
	margin-right: auto;
	}	
	
	
	.header {
	width:100%;
	height:250px;
	margin-top:0px;
	background:#ffffff;
	}

	.logo {
	height:auto;
	background:#ffffff;
	}

	.logo_img {
	height:auto;
	width:100%;
	}	
		

	.menus {
	margin-top: 10px;
	background:#ffffff;
	
	}

	.menu1 {
	margin-top:0px;
	width:100%;
	height:25px;
	background-color:#006699;
	}


	.nav1 {
	list-style:none;
	margin:0;
	padding:0;
	}

	.nav1 li {
	margin: 2px 0 1px 0;
	padding:5px 0 0 0;
	line-height:12px;
	vertical-align:middle;
	width:100%;
	background-color:#006699;
	}

	.nav1 li a{

	display:block;
	height:20px;
	width:100%;
	}

	.nav1 li.divisor {
	display: none;
	}	
		
	
	
	.azul1 {
	display: none;
	}

	
	#slideshow { 
	display: none;
	}
	
	#slideshow > div {
	display: none;
	}	
	
	#slideshow img {
	display: none;
	}	
	
	
	#secciones {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	}	
	
	.columna {
	float:left;
	width:100%;
	height:auto;
	margin-right:0px;
	}	
	

	.contenido_col {
	width:99%;
	height:auto;
	margin:4px;
	}
	
	
	.contenido_col img{
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

	#leermas {
	display: none;
	}		

	#banner {
	float:left;
	width: 100%;
	height: auto;
	}	
	
	#banner img{
	width: 100%;
	height: auto;
	}		

	#pagina {
	width:100%;
	}	
	
	#navegacion {
	width:100%;
	margin-top:20px;
	padding: 20px 20px 15px;	
	}
	
	#sidebar {
	width:100%;
	}	

	#contenido {
	width:100%;
	}
	
	#info {
	width: 100%;
	padding:8%;
	border-right: none;	
	}			

	#servicios1 {
	display: block;
	width:100%;
	}

	#servicios {
	text-align:center;
	font-size:16px;
	}	
	
	.titulo_servicios {
	font-size:16px;
	}

	.link_servicios {
	margin-right:30px;
	font-size:15px;
	}

	.texto_servicios {
	font-size:15px;
	}	
	
	
	#contenido_secciones {
	float:left;
	width: 100%;  
	display: inline-block;
	padding:2%;
	}	
	
	
	#otras_noticias {
	width: 95%;
	padding:5px;
	min-height:300px;
	text-align:center;

	}

	#otras_noticias img{
	width:100%;
	height:auto;
	}

	#texto_noticias {
	width: 100%;
	padding:3%;
	border-right: 0;
	}	
	

	#contact-area {
	float:left;
	width: 100%;
	margin-top: 25px;
	}

	#contact-area input, #contact-area textarea {
	padding: 10px;
	width: 100%;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	}

	#contact-area textarea {
		height: 150px;
	}

	#contact-area textarea:focus, #contact-area input:focus {
		border: 2px solid #900;
	}

	#contact-area input.submit-button {
	width: 100%;
	float:none;
	}		
	
	label {
	text-align: left;
	}	



	#footer_izq {
	width:100%;
	padding:1px;
	float:none;
	margin-left:0px;	
	}

	#footer_der {	
	width:100%;
	padding:1px;
	margin-top:15px;
	float:none;
	margin-right:0px;	
	}
	
	.texto_footer {
	color:white;
	font-size:10px;
	}
	
	img.foto_staff {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	}
	
	
}








#secciones1 {
float:left;
}

#secciones2 {
float:right;
}



#servicios2 {
float:right;
width:587;
margin:10px 0px 10px 10px;
min-height:250px;
valign:bottom;
}



#columna1 {
float:left;
width:297px;
height:250px;
margin-right:2px;

}

#columna2 {
float:right;
width:297px;
height:250px;
margin-left:2px;

}

#columna3 {
float:left;
width:296px;
height:250px;
margin-right:2px;

}

#columna4 {
float:right;
width:297px;
height:250px;
margin-left:2px;

}











.texto_col {
padding:2px;
height:100px;
text-align:justify;
}










.nav4 {
list-style:none;
margin-top:55px;
padding:0;
}


.nav4 li {
margin:5px 0;
padding:3px 15px 3px;
line-height:30px;
background-color:#81d0fb;
}

.nav4 li a {
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
}

.nav4 li a:hover {
text-decoration:underline;
}









#info2 {

width: 100%;
min-height:300px;
text-align:left;

}

#info ul {
padding-left:15px;
}



.fotos_noticias {
float:right;
margin:10px;
vertical-align:bottom;
}




.mapasitio {
clear:both;
width:920px;
margin-bottom:15px;
min-height:300px;
margin-left:40px;
margin-right:40px;
margin-top:15px;
padding:10px;
text-align:justify;
}

#secciones1b {
float:left;
width:410px;
margin-top:5px;
margin-right:2px;
height:240px;

}

#secciones2b {
float:right;
width:480px;
margin-top:5px;
margin-left:3px;
height:240px;
vertical-align:bottom;
}

#columna1b {
float:left;
width:202px;
height:240px;
margin-right:2px;
}

#columna2b {
float:right;
width:202px;
height:222px;
margin-left:2px;
}

#columna3b {
float:left;
width:243px;
height:240px;
margin-right:12px;
}

#columna4b {
float:right;
width:223px;
height:240px;
}