@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/* CSS Document */

*{margin: 0; padding:0;}
body{font-family: 'Rosario', sans-serif;; background: #095356; min-height: 1200px;}
div{max-width:960px; position:relative; margin: 0px auto 0px auto; }
header{width:100%; }
a:link   
{   
 text-decoration:none;  
 color: #FFF;
}   

a:hover{ 
color:#ed4c38; 
} 

A:visited {text-decoration:none;  color: #FFF;}
A:active {text-decoration:none;color:#ff0000;} 

#bienvenidos { font-size:50px; text-align:center; position:relative; margin: 5px; color: #FFF; font-weight:400; width: 80%;}
#cosgaya {color:#FFF; font-size:20px; text-align:center; width: 40%; }
.encabezado {font-size:20px; margin: 1%; color:#faf4a2;}
#logo { width: 20%; float:left;}
#unocolumna { background:#095356; width:291px; float:left; padding: 1%; margin: 1% 1% 0 0; min-height: 400px; color:#FFF; align: center; }
#doscolumna { background:#97c93c; width: 291px; float:left; padding: 1%;  margin: 1% 1% 0 0;  min-height: 400px; color:#FFF;}
#trescolumna { background:#97c93c; width: 291px; float:left; padding: 1%;  margin: 1% 1% 0 0; min-height: 400px; color:#FFF; }
#barra {float: left; margin: 1% 1% 0 0;  width: 60%; color:#FFF; min-height: 100px; }
.texto { font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.textodos { font-size:13px; min-width: 293px; color:#FFF;}
#cuatrocolumna {width:10%; float: left; padding: 11px;  margin: 1% 1% 0 0; background:#76cbc5; color:#FFF; min-height: 100px;}
#ultimabarra { width: 97%; float:left; padding: 1%; margin: 1% 0 0 0; color: #97c93c; background: #97c93c; min-height: 80px; font-size:10px}
#footer { width: 100%; float:left; padding: 1%; margin: 1%;}
.footer {font-size: 10px; color: #fff; text-align: center; float:left;}
#contacto { float:left; padding: 1%; margin:1%;}

div section img {float:left;}
header nav {float: none; margin: 20px 0 0 0; font-size: 14px;}
header nav ul li { float:left; list-style-type: none;}
header nav ul li a {color:#FFF; text-decoration: none; padding: 20px; margin: 10px;; float:none; font-family: 'Montserrat', sans-serif; }

footer{width:100%; background:#095356; display:table; padding:15px 0 0 0; padding-bottom:20px; float:none;  }
footer p{ font-size: 10px; color: #fff; text-align: center; float:right; }

.slider {width: 960; height: 300px; float: left; background-color: #FFF}


/*copiado*/
html {
  border-top: 5px solid #fff;
  background: #58DDAF;
  color: #2a2a2a;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Rosario';
}

h1 {
  color: #fff;
  text-align: center;
  font-weight: 300;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 960px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}



/*solo para celulares*/
@media screen and (max-width:480px) {
	header { width: 100%; height: 160%; }
	section {width:100%; font-size: 10px; margin-top: 20px;}
	hr {visibility:hidden;}
	header nav { float: none; width:100%; background: #97c93c; margin:auto 0 0 0;}
	header nav ul li a {color:#fff; text-decoration:none; padding:10px 5px 5px 5px; margin-top:10px;  ; font-size: 10px; float:none ;  }
	#unocolumna {float:none;  visibility:visible; margin:auto;}
#doscolumna {float:none;  font-size:13px; visibility:visible; margin:auto;} 
#trescolumna {float:none;  font-size:13px; visibility:visible;margin:auto; }
#cuatrocolumna  { visibility:hidden; display:none; margin:auto;}
#ultimabarra {visibility: hidden; display:none;}
#barra { visibility:hidden; display:none;}
#slider { visibility:hidden; display:none;}
#cosgaya { font-size:10px; text-align:center; }
footer p {font-size:8px;}
#bienvenidos {font-size: 30px; text-align:center;}
.encabezado  {font-size: 19px;}
#logo {width: 40%; height:40%;}
div {text-align:center;}
div section img  { float:inherit;}


}