@import url(http://fonts.googleapis.com/css?family=Abel|Roboto:500,300,700,500italic|Exo+2:900italic);
/*@import url(https://fonts.googleapis.com/css?family=Exo+2:400,900italic|Alegreya+Sans);*/

/*font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Exo 2', sans-serif;
*/
body{
	background:#f1f1e6;
	color:#333333;
	font-size:16px;
	font-family:tahoma;
	font-weight:normal;	
	margin:0 auto;
	padding:0;
	text-align:center;
	width:auto;
}
#cuerpo{	
	margin:0;	
	top:0;
	position:absolute;	
	width:100%;	
}
header#hp{
	overflow:hidden;
	margin:0 5em 0 5em ;
	position:relative;	
	height:13em;
}
#hp > a{	
	left:0;
	top:0;
	position:absolute;
	width:15%;
	z-index:3;
}
#hp > a > img{
	transition:all 1s ease;
	width:100%;
}
#hp > a > img:hover{
	transform:rotateY(360deg);
}
#hp > nav{
	background:white;
	margin:0;
	padding:0;
	position:absolute;
	top:5em;
	z-index:2;
	width:100%;
	
}
/**********MENU*****************/
#principal ul{ 
	margin:0;
	padding:0;
	text-align:right;
	width:100%;
}
#principal li{	
	display:inline-block;
	margin:0 0 0 -0.3em;
	padding:0;
	vertical-align:top;	
	width:auto;
}
#principal li a{
	color:#808080;
	display:block;
	font-family:roboto;
	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:1em 1em;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}
#activa a, #principal li a:hover{
	color:#cc1c00!important;
	
} 
/*************SECUNDARIO****************/
nav#secundario{
	background:transparent;
	margin-top:-2.5em;
	padding:0;
	text-align:right;
}
nav#secundario ul{
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top;
}
nav#secundario ul li{
	display:inline-block;
	margin:0;
	padding:0;
	vertical-align:top;	
}
nav#secundario ul li a{
	color:#000;
	display:block;
	margin:0;
	padding:0.1em 0.1em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}
nav#secundario ul li a img{
	margin:0;
	padding:0;
	display:block;
	width:2em;
}
/*****************INTERES*********************/
#interes{
	margin:0 5em 0 5em ;
}
#interes > figure{
	overflow:hidden;
	height:18em;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:1.3em 1.3em 1.3em 0;
	transition:all 1s ease;
	width:31.7%;
}
#interes > figure:last-child{
	margin:1.3em 0em 1.3em 0;
}
#interes > figure img{
	left:0;
	position:absolute;
	transition:all 1s ease;
	width:100%;
	z-index:3;
}
#interes > figure img:hover{
	-webkit-filter:opacity(0.5);
	cursor:pointer;
	transform: scale(1.2,1.2);
}
#interes > figure figcaption{
	background:white;
	color:#666;
	left:0;
	padding:1em 0 2em 0;
	position:absolute;
	top:11em;
	width:100%;
	z-index:4;	
}
#interes > figure figcaption strong{
	color:#cc1c00;
	display:block;
	font-family:Abel;
	font-size:2em;
	font-weight:normal;
	text-transform:uppercase;
}
/****************BIENVENIDA*************/
#bienvenida{
	/*border:1px solid black;*/
	margin:0;
	top:0;
	padding:0em;
	position:relative;
	background: url(../img/fondo_2.jpg) no-repeat fixed;
	background-position: center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
	/*min-height:300px;*/
	
}
#bienvenida img{
	margin:0;
	padding:0;
	width:100%;
}
#bienvenida > hgroup{
	background:rgba(0,0,0,0.5);	
	margin:0;
	padding:0;
	font-family: 'Exo 2', sans-serif;
	font-style:italic;
}
#bienvenida hgroup > h2{
	color:white;
	font-size:7em;
	font-family: 'Exo 2', sans-serif;
	text-shadow: 4px 4px #cc1c00;
	margin: 0 0 0 0;
	padding:0;	
}
#bienvenida hgroup > h3{
	color:#e6e6e6;	
	font-size:2.2em;
	margin:0 0 0 0;
	padding:0;
}
#bienvenida hgroup > h4{
	color:#cc1c00;
	font-size:2em;
	margin: 0 0 0 0 ;
	padding:0;
}
/**********SERVICIOS**************/
#servicios{
	margin:0 5em 0 5em ;
}
#servicios > figure{
	cursor:pointer;	
	overflow:hidden;
	height:13em;
	position:relative;
	display:inline-block;
	vertical-align:top;
	margin:1.3em 1.3em 1.3em 0;
	transition:all 1s ease;
	width:31.7%;
}
.figp{
	margin:1.3em 0em 1.3em 0!important;
}
#servicios > figure img{
	left:0;
	position:absolute;
	transition:all 1s ease;
	width:100%;
	z-index:3;
}
#servicios > figure img:hover +  figcaption{
	cursor:pointer;		
	top:0;
}
#servicios > figure figcaption:hover{
	cursor:pointer;	
	top:0;
}
#servicios > figure figcaption{
	background:rgba(255,255,255,0.8);
	color:#666;
	font-weight:bold;	
	height:13em;
	left:0;
	padding:5em 0 0em 0;
	position:absolute;
	top:14em;
	transition:all 1s ease;	
	width:100%;
	z-index:4;	
}
#servicios > figure figcaption strong{
	color:#4d4d4d;
	display:block;
	font-family:Abel;
	font-size:2.5em;
	font-weight:normal;
	text-transform:uppercase;
}
/****tituloservicio****/
.titulo_servicio{
	border-bottom:1px solid #333;
	color:#cc1c00;
	font-family:Abel;
	font-size:2.5em;
	text-align:left;
	text-transform:uppercase;
	margin:1.5em 0 0 0;
}
/****pie************************/
footer{
	background:white;
	margin:0 5em 0 5em ;
	padding:2em 1em;
	text-align:left;
}
footer #izquierdo{
	display:inline-block;
	vertical-align:top;
	width:60%;
}
footer #derecho{
	display:inline-block;
	text-align:right;
	vertical-align:top;
	width:38%;
}

#derecho ul{ 
	margin:0;
	padding:0;
	text-align:right;
	width:100%;
}
#derecho li{	
	display:inline-block;
	margin:0 0 0 -0.3em;
	padding:0;
	vertical-align:top;	
	width:auto;
}
#derecho li a{
	border-right:1px solid #808080;
	color:#808080;
	display:block;
	font-family:tahoma;
	font-size:1em;
	margin:0;
	padding:0 0.5em;
	text-align:right;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
}
#activa a, #derecho li a:hover{
	color:#cc1c00!important;
	
} 

footer strong{
	color:#808080;
	font-weight:normal;
	font-size:1em;
	text-transform:uppercase;
}
#pwr{
	color:#b3b3b3;
	font-family:tahoma;
	font-size:0.8em;
	text-decoration:none;
}
#pwr strong{
	color:#cc1c00;
}
/*****cuerpo_contenido*********/
#cuerpo_contenido{
	margin:0 5em 2em 5em ;
}
.titulos{
	border-bottom:1px solid #333;
	color:#cc1c00;
	font-family:Abel;
	font-size:2.5em;
	text-align:left;
	text-transform:uppercase;
	margin:0em 0 0 0;
}
.iguales{
	font-family:Abel;
	font-size:1.3em;
	display:inline-block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;	
	vertical-align:top;
	width:47.5%;
}
#bloq1{
	margin:0 1em 0 0;
}
#bloq2{
	margin:0 0 0 1em;
}
#bloq3{
	font-family:Abel;
	font-size:1.3em;
	display:inline-block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;	
	vertical-align:top;
	margin:0 1em 0 0;
	width:65%;
}
#bloq4{
	font-family:Abel;
	font-size:1.3em;
	display:inline-block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;	
	vertical-align:top;
	margin:0 0 0 1em;
	width:30%;
}
#texto .igules{
}
#bloq1 ul{
	margin:0 0 0 1em;
	padding:0;
}
/****************CONTACTO*******************/
	#notificar{
		margin:1em 0em  0.3em 1em;
	}
	#notificar > aside{
		background:#CA373C;border-radius:0.3em;color:white;padding:0.5em 0.5em;with:95%;
	}
	#notificar > aside#exito{
		background:#86B404!important;
	}
	form{
		margin:0em 0em  2em 1em;
		padding:0;
		text-align:left;
		transition:all 1s ease;	
		width:auto;
	}
	.cajaformulario, .cajabarra{
		border:1px solid #4d4d4d;
		border-radius:0.2em;
		color:#333;
		display:inline-block;
		margin:0 0 0.3em 0;
		padding:0.2em;
		text-align:left;
		vertical-align:top;
		width:98%;		
	}
	.cajaformulario > input[type='text'], .cajaformulario > input[type='time'],.cajaformulario > input[type='number'],select, input[type='password'], input[type='date'], .cajaformulario > textarea,.numbercierre, input[type='email'] {
		background:transparent;
		border:1px solid black;
		border:none;
		color:#333;
		display:inline-block;
		font-family:arial;
		font-size:0.9emem;
		float:right;
		margin:0;	
		padding:0.3em;
		vertical-align:top;
		/*text-transform:uppercase!important;*/
		width:50%;
	}
	
	.cajabarra > select, .cajabarra > input[type='date'], .cajabarra > input[type='text']{	
		border:none;
		border-radius:0.2em;
		display:inline-block;
		font-family:arial;
		font-size:1.3em;
		float:right;
		margin:0;
		padding:0.2em;
		vertical-align:top;
		width:100%;
	}
	.btn{
		background:#cc1c00;
		border-radius:0.3em;
		color:white;
		margin:1em 2em 1em 0em;
		padding:1em 2em;
		text-decoration:none;
		text-transform:uppercase;
	}
	.btn:hover{
		background:#4d4d4d;
		color:white;
	}
	/***menu**/
	#menu{
		margin:1em 0 0 0;
		padding:0;
	}
	#menu li{
		list-style:none;
		margin:0 0 0.3em 0;
		padding:0;
	}
	#menu li a{
		background:#cc1c00;
		color:white;
		display:block;
		padding:0.3em 0.3em;
		text-decoration:none;
	}
	#menu li a:hover{
		background:#4d4d4d;
	}
	#act_admin{
		background:#4d4d4d!important;
	}
	/*FORM PUBLICACION*/
	#publicandogaleria{
		margin:0;
		padding:0;
	}
	form label{
		color:#4d4d4d;
		font-size:0.9em;
		display:inline-block;
		width:30%;
	}
	form fieldset {
		text-align:left;
		margin:1em 0 0 0; 
	}
	form fieldset legend{
		color:#cc1c00;
	}
	form input[type="file"]{
		border:1px solid #4d4d4d;
		font-size:0.9em;
		margin:0 0 0.2em 0em; 
		padding:0.3em;
		width:98%;
	}
	#tipogaleria{
		border:1px solid #4d4d4d;
		font-size:0.9em;
		margin:0 0 0.2em 0em; 
		padding:0.3em;
		width:100%;
	}
	/*****************************GALERIAS ELIMINAR****************/
	.eliminarima{
		display:inline-block;
		vertical-align:top;
		width:20%!important;
		
	}
	.eliminarima img{
		width:100%;
		height:auto	
		
	}
	.eliminarima figcaption a{
		background:#cc1c00;
		color:white;
		display:block;
		font-size:0.8em;
		text-align:center;	
		text-decoration:none;
	}
	.eliminarima figcaption a:hover{
		background:#cccccc;
		color:black;
	}
/***********************************************/
/*******DISPOSITIVOS MOBILES*********/
/**********************************************/
@media only screen and (max-width:1150px){
	header#hp{
		height:10.5em;
	}	
	/*****************INTERES*********************/
	#interes{
		margin:0 5em 0 5em ;
	}
	#interes > figure{
		width:31.5%;
	}
	/***************SERVICIOS*******************/
	#servicios > figure{
		height:11em;
		width:31.5%;
	}
}
@media only screen and (max-width:1024px){
	header#hp{
		height:12em;
	}	
	#hp > a{			
		width:18%;
	}
	/*****************HEADER*******************/
	header#hp{
		margin:0 3em 0 3em;
	}
	/*****************INTERES*********************/
	#interes{
		margin:0 3em 0 3em;
	}
	#interes > figure{
		height:17em;
		width:31.2%;
	}
	#interes > figure figcaption{
		top:10em;
	}
	/*****************SERVICIOS*********************/
	#servicios{
		margin:0 3em 0 3em;
	}
	#servicios > figure{
		height:10em;
		width:31.2%;
	}
	/****************FOOTER*********************/
	footer{
		margin:0 3em 0 3em;
	}
	/****************EMPRESA*******************/
	#cuerpo_contenido{
		margin:0 3em 2em 3em ;
	}
	#bloq1{
		margin:0 0.5em 0 0;
	}
	#bloq2{
		margin:0 0 0 0.5em;
	}
	#bloq1 ul{
		margin:0 0 0 1em;
		padding:0;
	}
	#bloq3{
		margin:0 0.5em 0 0;
		width:65%;
	}
	#bloq4{
		margin:0 0 0 0.5em;
		width:30%;
	}
}
/***    DISEÑO PARA TABLETAS           ****/
@media only screen and (max-width:800px){
	/*****************HEADER*******************/
	#hp > a{			
		width:20%;
	}
	header#hp{
		margin:0 1em 0 1em;
		height:10em;
	}	
	/*****************INTERES*********************/
	#interes{
		margin:0 1em 0 1em;
	}
	#interes > figure{
		height:16em;
		width:30.9%;
	}
	#interes > figure figcaption{
		padding:1em 0;
		top:8em;
	}
	.titulo_servicio{
		margin:1em 0 0 0;
	}
	/*****************SERVICIOS*********************/
	#servicios{
		margin:0 1em 0 1em;
	}
	#servicios > figure{
		height:8.5em;
		width:30.7%;
	}
	#servicios > figure figcaption{
		padding:3em 0 0em 0;
	}
	/****************FOOTER*********************/
	footer{
		font-size:0.9em;
		margin:0 1.25em 0 1.25em;
	}
	footer #izquierdo{
		width:50%;
	}
	footer #derecho{
		display:inline-block;
		text-align:right;
		vertical-align:top;
		width:48%;
	}
	/****************EMPRESA*******************/
	#cuerpo_contenido{
		margin:0 1em 1em 1em ;
	}
	.titulos{
		border-bottom:1px solid #333;
		color:#cc1c00;
		font-family:Abel;
		font-size:2.5em;
		text-align:left;
		text-transform:uppercase;
		margin:0em 0 0 0;
	}
	#bloq1{
		margin:0 0.5em 0 0;		
	}
	#bloq2{
		margin:0 0 0 0.5em;
	}
	#bloq1 ul{
		margin:0 0 0 1em;
		padding:0;
	}
	
}
@media only screen and (max-width:768px){
	header#hp{
		height:11.5em;
	}	
	#hp > a{					
		width:20%;		
	}
	body{
		font-size:14px;
	}	
	/****************EMPRESA*******************/
	#cuerpo_contenido{
		margin:0 1em 1em 1em ;
	}
	.titulos{
		border-bottom:1px solid #333;
		color:#cc1c00;
		font-family:Abel;
		font-size:2.5em;
		text-align:left;
		text-transform:uppercase;
		margin:0em 0 0 0;
	}
	#bloq1{
		margin:0 0.5em 0 0;		
	}
	#bloq2{
		margin:0 0 0 0.5em;
	}
	#bloq1 ul{
		margin:0 0 0 1em;
		padding:0;
	}
}
@media only screen and (max-width:720px){
	header#hp{
		height:10.5em;
	}	
	#hp > a{			
		width:20%;
	}
	/*****************INTERES*********************/
	
	#interes > figure{
		height:13em;
		width:30.9%;
	}
	#interes > figure figcaption{
		font-size:0.9em;
	}
	/****************EMPRESA*******************/
	#cuerpo_contenido{
		margin:0 1em 1em 1em ;
	}
	.titulos{
		border-bottom:1px solid #333;
		color:#cc1c00;
		font-family:Abel;
		font-size:2.5em;
		text-align:left;
		text-transform:uppercase;
		margin:0em 0 0 0;
	}
	#bloq1{
		margin:0 0.5em 0 0;		
	}
	#bloq2{
		margin:0 0 0 0.5em;
	}
	#bloq1 ul{
		margin:0 0 0 1em;
		padding:0;
	}
}
@media only screen and (max-width:640px){
	header#hp{
		height:9.5em;
	}
	/*****************INTERES*********************/
	#interes{
		margin:0 1em 0 1em;
	}
	#interes > figure{
		height:14em;
		width:30.5%;
	}
	#interes > figure figcaption{
		padding:1em 0;
		top:8em;
	}
	.titulo_servicio{
		margin:1em 0 0 0;
	}	
	/*****************SERVICIOS*********************/
	#servicios{
		margin:0 1em 0 1em;
	}
	#servicios > figure{
		height:7.5em;
		width:30.7%;
	}
	#servicios > figure figcaption{
		font-size:0.8em;
		padding:3em 0 0em 0;
	}
	
}
@media only screen and (max-width:540px){
	#hp > a{			
		width:24%;
	}
	/*****************INTERES*********************/
	#interes{
		margin:0 1em 0 1em;
	}
	#interes > figure{
		height:13em;
		width:30.2%;
	}
	#interes > figure figcaption{
		padding:1em 0;
		top:7em;
	}
	.titulo_servicio{
		margin:1em 0 0 0;
	}	
	/*****************SERVICIOS*********************/
	#servicios{		
		margin:0 1em 0 1em;
	}
	#servicios > figure{
		height:6em;
		width:30.1%;
	}
	#servicios > figure figcaption{
		font-size:0.7em;
		padding:3em 0 0em 0;
	}
}
@media only screen and (max-width:480px){
	#hp > a{			
		width:26%;
	}
	#principal li{	
		display:inline-block;
		margin:0 0 0 -0.3em;
	}
	#principal li a{
		font-size:0.9em;
		padding:1em 0.8em;
		width:auto;
	}
	/*****************INTERES*********************/
	#interes{
		margin:0 1em 0 1em;
	}
	#interes > figure{
		height:10em;
		width:29.5%;
	}
	#interes > figure figcaption{
		font-size:0.7em;
		padding:1em 0;
		top:6em;
	}
	.titulo_servicio{
		font-size:2em;
		margin:1em 0 0 0;
	}	
	/*****************SERVICIOS*********************/
	#servicios{
		margin:0 1em 0 1em;
	}
	#servicios > figure{
		height:5em;
		width:29.5%;
	}
	#servicios > figure figcaption{
		font-size:0.5em;
		padding:3em 0 0em 0;
	}
	#cuerpo_contenido{
		margin:0 1em 1em 1em ;
	}
	.titulos{
		border-bottom:1px solid #333;
		color:#cc1c00;
		font-family:Abel;
		font-size:2.5em;
		text-align:left;
		text-transform:uppercase;
		margin:0em 0 0 0;
	}
	#bloq1{
		margin:0 0.5em 0 0;		
		width:47%;
	}
	#bloq2{
		margin:0 0 0 0.5em;
		width:47%;
	}
	#bloq1 ul{
		margin:0 0 0 1em;
		padding:0;
	}
}