@charset "UTF-8";
/* CSS Document */

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

}

*{
	font-family:'caviar_dreamsregular';
	color: #4D4D4D;
	margin: 0px;
}

html{
	background:url(img/fondo.jpg);
}

html, body, form{
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
}

h1, h2, h3{
	font-weight:600;
}

h4{
	font-size:24px;
	text-align:center;
	width:70%;
	margin:50px auto;
}

p{
	font-size:18px;
	color:rgba(255,255,255,1);
	margin-bottom:15px;
	text-align:justify;
}

li{
	margin-bottom:10px;
}

div.banner{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h1.jpg) center;
	margin:0;
	margin-top:-5px;
}

div.bannerservicios{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h2.jpg) center;
	margin:0;
	margin-top:-5px;
}

div.bannerasuntos{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h3.jpg) center;
	margin:0;
	margin-top:-5px;
}

div.bannereventos{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h4.jpg) center;
	margin:0;
	margin-top:-5px;
}


div.bannercontacto{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h5.jpg) center;
	margin:0;
	margin-top:-5px;
}

div.bannersitios{
	max-width:100%;
	display:inline-block;
	width:100%;
	height:250px;
	background:url(img/h6.jpg) center;
	margin:0;
	margin-top:-5px;
}

nav.submenu{
	max-width:100%;
	width:100%;
	padding:10px 10px;
}

nav.submenu a{
	max-width:100%;
	width:23%;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	margin:10px 5px;
	padding:10px 20px;
	color:rgba(51,51,51,1);
	border:rgba(51,51,51,1) 1px solid;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

nav.submenu2{
	max-width:100%;
	width:100%;
	padding:10px 10px;
}

nav.submenu2 a{
	max-width:100%;
	width:40%;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	margin:10px 10px;
	padding:10px 20px;
	color:rgba(51,51,51,1);
	border:rgba(51,51,51,1) 1px solid;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

nav.submenu a:hover, nav.submenu2 a:hover{
	background:rgba(51,51,51,1);
	color:rgba(255,255,255,1);
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}


section.contenido{
	display:inline-block;
	max-width:100%;
	width:95%;
	text-align:left;
	padding:50px 0;
}

section.contenido h1{
	padding:5px 10px;
	border:rgba(51,51,51,1) solid 1px;
	width:200px;
	margin-bottom:30px;
	text-align:center;
}

section.contenido h2{
	font-size:18px;
	color:#15603E;
}

section.contenido h3{
	font-size:24px;
	color:#15603E;
	margin-bottom:20px;
}

section.contenido p{
	color:rgba(51,51,51,1);
	font-size:16px;
	line-height:25px;
	margin-bottom:30px;
}

a.sitios{
	display:block;
	margin-bottom:20px;
}




footer{
	max-width:100%;
	width:100%;
	padding:30px 5px;
	margin-top:-2px;
	display:inline-block;
	background:#15603E;
	font-size:14px;
}

footer a, footer date{
	text-decoration:none;
	color:rgba(255,255,255,1);
}

footer a{
	opacity:1;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

footer a:hover{
	opacity:.7;
	-moz-transition:all 0.3s ease-in;
	-ms-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in;
}

footer a.figallo{
	padding-right:15px;
	background:url(img/rombo.png) right no-repeat;
}

footer section{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
	width:49%;
	text-align:left;
	color:rgba(255,255,255,1);
}

footer section a{
	font-size:18px;
}

footer nav{
	max-width:100%;
	display:inline-block;
	vertical-align:top;
	width:49%;
	text-align:right;
	color:rgba(255,255,255,1);
}

footer nav p{
	text-align:right;
}

/*Code AGRA*/
.contenido .box-fiscal, .contenido .box-administrativo{margin-bottom: 40px;}
.contenido .box-fiscal:last-child, .contenido .box-administrativo:last-child{margin-bottom: 0px;}
.box-fiscal .subtitle-fiscal, .box-administrativo .subtitle-administrativo{font-weight: 700; margin-bottom: 10px;}
.style-roman{list-style: upper-roman; font-weight: 700;}
.style-roman li p{font-weight: 500; margin-bottom: 0;}
.style-roman .style-circle{padding: 15px 0 15px 40px;}
.style-circle{list-style: disc; font-weight: 700;}
.style-circle li p{font-weight: 500; margin-bottom: 0;}
.sucursal-footer{margin-top: 15px; margin-bottom: 0; font-size: 14px;}
.w-space-pre{white-space: pre-line;}
/*end*/

@media screen and (max-width:800px){

nav.submenu a{
	width:25%;
}

nav.submenu2 a{
	font-size:80%;
}

}

@media screen and (max-width:480px){
	
nav.submenu a{
	width:80%;
}

nav.submenu2 a{
	width:80%;
}
	
div.banner{
	height:150px;
	background:url(img/h1b.jpg) center;
}

div.bannerservicios{
	height:150px;
	background:url(img/h2b.jpg) center;
}

div.bannerasuntos{
	height:150px;
	background:url(img/h3b.jpg) center;
}

div.bannercontacto{
	height:150px;
	background:url(img/h5b.jpg) center;
}

div.bannereventos{
	height:150px;
	background:url(img/h4b.jpg) center;
}

div.bannersitios{
	height:150px;
	background:url(img/h6b.jpg) center;
}

section.contenido h1, section.contenido h3{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

section.contenido h2, section.contenido p{
	font-size:90%;
}

footer section{
	width:100%;
	text-align:center;
}

footer nav{
	width:100%;
	text-align:center;
	margin-top:30px;
}


/*Code AGRA*/
.w-space-sm{white-space: normal;}
.sucursal-footer{text-align: center; margin-top: 30px;}
/*end*/
	
}