/*//////  Estilos Verde menta //////*/
/*//////  WEB FONT //////*/

@font-face {
    font-family: 'GothamHTFBook';
    src: url('font/gothamhtf-book-webfont.eot');
    src: url('font/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gothamhtf-book-webfont.woff') format('woff'),
         url('font/gothamhtf-book-webfont.ttf') format('truetype'),
         url('font/gothamhtf-book-webfont.svg#GothamHTFBook') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*//////  Estructura  //////*/

body, html { margin:0px; padding:0px; width:100%; height:100%; font-family:Georgia, "Times New Roman", Times, serif;}

img { margin:0px; padding:0px; border:0px; }

h1,h2,h3,h4{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'GothamHTFBook'; font-weight:normal; }

.home{ background: url(img/back-1.png) top left; }

.quienes{ background: url(img/back-2.png) top left;}

.servicios{ background: url(img/back-3.png) top left;}

.galeria{ background: url(img/back-4.png) top left;}

.contacto{ background: url(img/back-5.png) top left;}

.home header{width:100%; background:url(img/FOTO-HOME.jpg) top center; background-size:cover;}

.quienes header{width:100%; background: url(img/FOTO-QUIENES-SOMOS.jpg) top center; background-size:cover;}

.servicios header{width:100%; background:url(img/FOTO-SERVICIOS.jpg) top center; background-size:cover;}

.galeria header{width:100%; background:url(img/FOTO-GALERIA.jpg) top center; background-size:cover;}

.contacto header{width:100%; background:url(img/FOTO-CONTACTO.jpg) top center; background-size:cover;}

header {  height:293px; display:block; position:relative; background-size:cover;}

.ancho{ max-width:950px; width:100%; margin:0px auto;}

.logo{ margin-left:-10px; float:left;}

#nav{ float: right; background:url(img/back-nav.png) top left; font-family: 'GothamHTFBook'; font-size:14px; padding:5px 7px; margin:20px 50px 0px 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#nav a{ color:#fff; text-decoration:none; padding:0px 5px; text-shadow:1px 1px 1px rgba(0,0,0,0.8); font-weight:bold}

.base-logo { background:url(img/central-logo.png)top center; width:100%; height:120px; position: absolute;
top: 240px; z-index:60; }


#content{ margin-top:70px;}
.pie{ clear:both; height:40px;}

/*///////HOME///////*/

.grindhome{ width:17%; margin:0 4%; float:left; color:#b7afa7;  font-size:12px; text-align:center;}

h2.tit-home{font-family: 'GothamHTFBook'; font-size:16px; text-align:center; color:#b4e0e0; text-transform:uppercase; font-weight:normal; background: url(img/lineatit.png) center bottom no-repeat; margin:0px 0px 10px; padding:10px 0px;}


/*///////Quines Somos///////*/

.grindsomo1{ width:19%; margin:0 3%; float:left; color:#9f9489;  font-size:12px; text-align:center;}

.grindsomo2{ width:26%; margin:0 3%; float:left; color:#9f9489;  font-size:12px; text-align: left; padding-top:10px;}

.grindsomo3{ width:37%; margin:0 3%; float:left; color:#9f9489;  font-size:12px; text-align: left; padding-top:10px;}

h1.tit-somos{font-size:16px; text-align:center; color:#56004e; text-transform:uppercase; font-weight:normal; margin:0px 0px 10px; padding:10px 0px;}

.left{ float:left; margin-right:50px;}

/*///////Servicios///////*/

.grindserv{ width:19%; margin:0 3%; float:left; color:#b7afa7;  font-size:12px; text-align:center;}
.grindserv img{ margin-bottom:5px;} 

h1.tit-serv{  width:19%;  font-size:16px; text-align:center; color:#56004e; text-transform:uppercase; font-weight:normal;  margin:0px 3% 10px; padding:10px 0px;}

.grindserv h2{ font-size:12px; color:#56004e; text-align:center; }

/*///////Galeria///////*/

.grindgal1{ width:19%; margin:0 3%; float:left; color:#fff;  font-size:12px; text-align:center;}

.grindgal2{ width:26%; margin:0 3%; float:left; color:#fff;  font-size:12px; text-align: left; padding-top:10px;}

.grindgal3{ width:39%; margin:0 2%; float:left; color:#fff;  font-size:12px; text-align: left; padding-top:10px;}

.min-gal{ margin:0px 9px 9px 0px; display:block; float:left;}

/*///////Contacto///////*/

.grindcont1{ width:19%; margin:0 3%; float:left; color:#56004e;  font-size:12px; text-align:center;}

.grindcont2{ width:26%; margin:0 3%; float:left; color:#56004e;  font-size:12px; text-align: left; padding-top:10px;}

.grindcont3{ font-family: 'GothamHTFBook'; width:37%; margin:0 3%; float:left; color:#56004e;  font-size:14px; text-align: left; padding-top:10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

a.liga-mail {font-size:14px; background:#b4e0e0 url(img/flecha.png) left center no-repeat ; display:block; padding:0px 0px 0px 20px; color:#56004e; text-decoration:none; line-height:30px; margin-left:-20px;}
a.liga-map {  display:block; padding:0px; border:none; text-decoration:none;  margin-left:-20px;}
.ligamap img{width:100%; max-width:100%; height:auto;}

@media  (max-width: 800px){
	
	.grindsomo1, .grindsomo2, .grindsomo3, .grindgal1, .grindgal2,.grindgal3,.grindcont1,.grindcont2,.grindcont3, .grindhome{ width:40%; margin:15px 5%;}
	.grindserv{ width:31%; margin:15px 1%;}
  /* some CSS here */
}

@media (max-width: 680px){
	h1.tit-serv{ width:90%; margin: 0px 5% 10px; }
	#nav { float: right; background:url(img/back-nav.png) top left; font-family: 'GothamHTFBook'; font-size:16px; padding:5px 15px; margin:20px 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width:100%; text-align:center; }
	.grindserv{ width:40%; margin:15px 5%;}
  /* some CSS here */
}

@media  (max-width: 480px){
	.logo{ margin-left:0px; float:none; text-align:center}
	
	.grindsomo1, .grindsomo2, .grindsomo3, .grindserv, .grindgal1, .grindgal2,.grindgal3,.grindcont1,.grindcont2,.grindcont3, .grindhome{ width:90%; margin:15px 5%;}
  /* some CSS here */
}