@charset "utf-8";
/* CSS Document */
.main_container{
	background-color:#fff;
	width:100%;
	height:auto;
	padding-bottom:3em;
	}


/*HEADEER*/	
.ct_header{
	width:100%;
	background-color:#fff;
	height:auto;
	margin:0 auto;
	}

/*infinite bar*/	
.ct_inner{
	background-color:#022038;
	width:100%;
	height:auto;
	padding:0.5em 0 0 0;
	margin:0 auto;	
	}
/*infinite bar*/	
.wrapper_nav{
	
	width:70%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	}
	
/*HEADEER*/	

/*CONTENIDO SLIDER*/
.ct_slider{
	width:100%;
	height:auto;
	padding:0em 0 2em 0;
	
	}
.wrap_infinito_slider{
	background-color:#75a30c;
	width:100%;
	max-height:403px;
	padding-bottom:0em;
	}
	
.wrap_slider_balance{
	max-width:1024px;
	height:auto;
	margin:0 auto;
	padding:0 1em;
	}
/*CONTENIDO SLIDER*/

/*CONTENIDO SLOTS ARTICLES*/

.balance_wrap_articles{
	margin:0 auto;
	
	max-width:1024px;
	height:auto;
	padding-bottom:2em;
	margin-top:6em;
	}
.highlights_web{
	text-align:center;
	padding: 0 0em;
	max-width:914px;
	
	margin:0 auto;
	height:auto;
	}
.slot_down_index{
	margin:0 0.5em 0.5em 0.5em;
	display:inline-block;
	
	max-width:31%;
	min-width:236px;
	height:auto;	
	}
.highlight_text{
	text-align:justify;
	display:block;
	color:#000000;
	font-size:0.7em;
	line-height:23px;
	width:80%;
	height:auto;
	margin: 0 auto;
	}
.text_highlight_content{
	word-spacing:2px;
	line-height:23px;
	font-size:0.8em;
	text-align:justify;
	margin:0 auto;
	color:#022038;
	display:block;
	width:80%;
	height:auto;
	}
.thumb_slot_down{
	margin:1em auto 0.5em auto;
	width:80%;
	height:auto;
	}
.thumb_slot_down img{
	max-width:210px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.thumb_slot_down img:hover{
	-webkit-box-shadow:  0px 0px 6px 1px rgba(117, 163, 12, 1);        
    box-shadow:  0px 0px 6px 1px rgba(117, 163, 12, 1);
	}

/*CONTENIDO SLOTS ARTICLES*/



/*INSTANCIA NOSOTROS*/

.wrap_infinito_interno{
	
	
	background: url(../images/bkg_interno.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	
	width:100%;
	height:auto;
	padding-bottom:0em;
	}

.contenidos_internos{
	-webkit-box-shadow:  0px 0px 9px 1px rgba(2, 2, 2, .3);        
    box-shadow:  0px 0px 9px 1px rgba(2, 2, 2, .3);
	background-color:#fff;
	height:auto;
	width:100%;
	}
	
.wrap_contenidos_balance{
	max-width:1024px;
	height:auto;
	margin:0 auto;
	padding:0 1em;
	}
	
.franja_title{
	
	background-image:url(../images/bkg_franja_title.jpg);
	width:100%;
	height:125px;
	}
.franja_title h2{
	width:30%;
	text-shadow: 0px 0px 3px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=0);	
	float:left;	
	padding:1em 0 0 1em;
	color:#FFF;
	font-size:3em;	
	letter-spacing:.01em;
	font-family: cousine, serif, HelveticaCondensed;
	text-transform:uppercase;
	}
	
.franja_title nav{
	list-style:none;
	direction:ltr;	
	color:white;
	float:right;
	width:350px;
	height:30px;
	margin:2em 2em 0 0;
	}
	
.franja_title nav ul li a{
	background-color:transparent;
	}
.franja_title nav li a{
	padding:14px;
	font-weight:100;
	line-height:3px;
	font-size:1.1em;
	width:120px;
	float:right;
}

.franja_title nav li a:hover{
	text-decoration:underline;
	}
	
	
	
/*TEXTOS ABAJO*/
	
.wrap_textos{
	max-width:900px;
	margin:2em  auto 1em auto;
	height:auto;
	
	}
	
	
/*HISTORIA & DESCRIPCIONES*/

.contenido_texto{margin: 0 1.4em;}
.contenido_texto hr{
	-webkit-box-shadow:  0px 3px 4px 1px #eee;        
    box-shadow:  0px 3px 4px 1px #eee;
	
	margin-top:.5em;
	border-left:none;
	border-right:none;
	border-top:#aaa thin solid;
	border-bottom:#fff thin solid;
	}
.contenido_texto p{ text-align:justify; color:#333; line-height:1.6em;}

/*HISTORIA & DESCRIPCIONES*/	
	
.dos_col{
   margin:0 1.5em;
   height:auto;
}



.dos_col p{text-align:justify; line-height:1.6em;}


.balance_wrap_articles_interno{
	margin:0 auto;	
	max-width:1024px;
	height:auto;
	padding-bottom:2em;
	margin-top:4em;
	
	}

.highlights_web_interno{
	text-align:center;
	padding: 0 0em;
	width:100%;	
	margin:0 auto;
	height:auto;
	margin-bottom:4em;
	}

.slot_down_interno{
	margin:0 0.1em 0.1em 0.1em;
	display:inline-block;
	width:29%;
	min-width:236px;
	height:auto;	
	}
	
.slot_down_interno img{
	border-radius:5px;
}

/*INSTANCIA NOSOTROS*/



/*INSTANCIA SERVICIOS*/
.wrap_lista_servicios{
	list-style:none;
	
	width:100%;
	background-color:transparent;	
	}


	
.wrap_lista_servicios nav ul li{
	background-color:none !important;
	
	}

	
.wrap_lista_servicios nav li a{
	border-bottom:#ddd solid thin;
	border-radius:.2em;
	-moz-border-radius:.2em;
	-ms-border-radius:.2em;
	-o-border-radius:.2em;
	-webkit-border-radius:.2em;	
	color:#022038;
	text-align:left;
	background-color:transparent !important;
	width:100%;
	}
.wrap_lista_servicios nav li a:hover{
	-webkit-box-shadow: inset 0px 2px 8px 1px rgba(2, 2, 2, .1);        
    box-shadow: inset 0px 2px 8px 1px rgba(2, 2, 2, .1);
	
	
	border-radius:.2em;	
	-moz-border-radius:.2em;
	-ms-border-radius:.2em;
	-o-border-radius:.2em;
	-webkit-border-radius:.2em;
	background-color:#eee !important;
	font-weight:normal !important;
}


/*INSTANCIA SERVICIOS*/





/*INSTANCIA GALERIA*/

.wrap_galeria{
	max-width:900px;
	margin:2em auto 1em auto;
	height:auto;
	padding-left:0em;
	padding-right:0em;
	padding-bottom:0em;
	}


/*INSTANCIA GALERIA*/

/*INSTANCIA CONTACTO*/
.clear_contacto{ clear:both; width:100%; height:0;}
.wrap_contacto{
	margin:0 1em;
	width:100%;
	height:auto;
	}
.block_form{
	float:left;	
	width:53%;
	height:auto;
	}
.block_location{
	float:right;
	
	width:47%;
	height:auto;
	}
	
.obj_map{
	
	width:100%;
	padding-top:1em;
	height:auto;
	display:block;
	padding-bottom:1em;
	}
	
.obj_map iframe{
	border:thin #ccc solid;
	border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	-webkit-border-radius:4px;
	width:100%;
	height:300px;
	}
.obj_map  a{text-decoration:none; text-align:right !important; color:#999; display:block;}
	
	
	
					/*objeto formulario*/
					
																	
							#contactWrapper { 
										width:95%; 
										border:1px solid #cfdede; 
										background:#fdfdfd; 
										padding:30px; 
										}	
										
							#contactWrapper h1 { 
										font-size: 11px; 
										margin: -33px 0px 30px; 
										padding: 5px 0px 0px 15px; 
										font-size: 12px; 
										text-transform: uppercase; 
										width: 138px; 
										height: 22px; 
										color: #fff; 
										font-weight: bold;
										}
										
							#contactWrapper label { 
										display:block; 
										float:none; 
										font-size:12px; 
										width:auto; 
										font-weight: bold; 
										margin-bottom: 7px; 
										color: #333333;
										}
										
							#contactWrapper label.error { 
										display:block; 
										float:none; 
										font-size:12px; 
										width:auto; 
										font-weight: normal; 
										margin-bottom: 0px; 
										color: #bb3737; 
										background: #fad6d6; 
										border: 1px solid #bb3737; 
										margin-top: 5px; 
										padding: 5px 7px;
										}
										
										
							#contactWrapper label.checked { 
										display:none; 
										background: none; 
										border: 0px; 
										margin-top: 0px; 
										padding: 0px; 
										text-indent: -5000px;
										}
										
										
							#contactWrapper em { 
										color: #01b3b3;
										}
										
										
							#contactWrapper .stage { 
										margin-bottom: 20px;
										}
										
										
							#contactWrapper .requiredNote { 
										margin: 20px 0px 20px; 
										color: #333; 
										font-weight: bold;
										}
										
										
							#contactWrapper .success { 
										padding: 10px; 
										background: #f0ffc1; 
										border: 1px solid #819934; 
										margin-bottom: 15px; 
										color: #819934;
										}
										
										
							#contactWrapper .success p { 
										margin: 0px;
										}

							form#contactform input, form#contactform textarea { 
										border: 1px solid #cfdede; 
										padding:8px 12px; 
										font-size:12px; 
										color:#333; 
										border-radius: 3px; 
										-moz-border-radius: 3px; 
										-webkit-border-radius: 3px; 
										-o-border-radius: 3px; 
										width: 90%; 
										color: #777777;
										}
										
										
							form#contactform textarea {
										font:12px Arial, Helvetica, sans-serif; 
										padding: 12px;
										}
										
										
							form#contactform input:focus, form#contactform textarea:focus { 
										outline: none; 
										border: 1px solid #649d9d;
										}

							#submitButton {
										display: block;
										text-indent: -5000px;
										width: 300px!important;
										height: 47px;
										background-image:url(../img/send-button-sprite.png)!important;
										background-repeat: no-repeat;
										border: 0px!important;
										padding: 0px!important;
										}
										
										
							#submitButton {background-position: 0 0;}
							#submitButton:hover {background-position: 0 -47px;}
							#submitButton:active {background-position: 0 -47px;}

					
					
					
					/*objeto furmalario*/
	
	
	
	
/*INSTANCIA CONTACTO*/








/*MEDIA QUERIES*/




@media only screen and (max-width : 858px),
only screen and (max-device-width : 858px){
	
	.slot_down_index{
		max-width:95% !important;	
		min-width:none !important;
		display:block;
		border-bottom:thin solid #eee;
		padding-bottom:1em;
		}
		
	.slot_down_interno img{
	margin:.5em auto;
	width:100%;
}	
		

	
	}
	
	
	



@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px){
	
	.slot_down_index{
		max-width:95% !important;	
		min-width:none !important;
		display:block;
		border-bottom:thin solid #eee;
		padding-bottom:1em;
		}
		
	.slot_down_interno img{
	margin:.5em auto;
	width:100%;
}	

	.dos_col{height:auto;}
	
	
	}


@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	
	.slot_down_index{
		max-width:95% !important;
		min-width:none !important;	
		display:block;
		border-bottom:thin solid #eee;
		padding-bottom:1em;
		}
	.slot_down_interno img{
	margin:.5em auto;
	width:100%;
}
	
	
	.dos_col{height:auto;}
	
	
	.franja_title{height:170px;}
	.franja_title nav{
		float:none !important;
		width:100%;
		
		direction:none !important;
		display:block;
		}
		
		.franja_title nav ul{width:250px;  margin:0 auto; }
	.franja_title nav ul li a{
		
		font-size:1.35em;
		text-align:center;	
		
		}
		
	/*CONTACTO*/	
		
		.block_form{
		padding: 0 .3em;
		clear:both;
		float:none;
		width:90%;
		height:auto;
		margin: 0em auto .5em auto;
		}
		.block_location{
		padding: 0 .3em;
		float:none;
		clear:both;
		width:90%;
		height:auto;
		margin: .5em auto 0 auto;
		}
		
		
		
		/*FORMULARIO*/
		
		
		form#contactform input, form#contactform textarea { 
					  					color: #777777;
										}
										
										
							form#contactform textarea {
										font:15px Arial, Helvetica, sans-serif; 
										padding: 12px;
										}
										
										
							form#contactform input:focus, form#contactform textarea:focus { 
										outline: none; 
										border: 1px solid #649d9d;
										}
							
							#submitButton {		
										width:224px !important; height:35px;							
										background-image:url(../img/send-button-sprite_small.png)!important;										
										}
										
										
							#submitButton {background-position: 0 0; }
							#submitButton:hover {background-position: 0 -35px;}
							#submitButton:active {background-position: 0 -35px;}

		
		
		
		
		
		
		/*FORMULARIO*/
		
		
		
		
	
	}


@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	
	.slot_down_index{
		max-width:95% !important;	
		min-width:none !important;
		display:block;
		border-bottom:thin solid #eee;
		padding-bottom:1em;
		}
		
	.franja_title h2{
		font-size:2.3em;
		}
		
	
	.slot_down_interno img{
	margin:.5em auto;
	width:100%;
}
	
	
	
	.dos_col{height:auto;}
	
	
	.franja_title{height:170px;}
	.franja_title nav{
		width:100%;
		float:none !important;
		
		direction:none !important;
		display:block;
		}
		
	.franja_title nav ul{width:250px; margin:0 auto; }
	.franja_title nav ul li a{
		
		font-size:1.35em;
		text-align:center;		
		
		}
		
		
		
	/*CONTACTO*/	
		
		.block_form{
		padding: 0 .3em;
		float:none;
		clear:both;
		width:90%;
		height:auto;
		margin: 0em auto .5em auto;
		}
		.block_location{
		padding: 0 .3em;
		float:none;
		clear:both;
		width:90%;
		height:auto;
		margin: .5em auto 0 auto;
		}	
		
		
		
		
		/*FORMULARIO*/
		
		
		form#contactform input, form#contactform textarea { 
					  					color: #777777;
										
										}
										
										
							form#contactform textarea {
										font:15px Arial, Helvetica, sans-serif; 
										padding: 12px;
										}
										
										
							form#contactform input:focus, form#contactform textarea:focus { 
										outline: none; 
										border: 1px solid #649d9d;
										}
							
							#submitButton {	
										width:224px !important; height:35px;									
										background-image:url(../img/send-button-sprite_small.png)!important;
																				
										}
										
										
							#submitButton {background-position: 0 0; }
							#submitButton:hover {background-position: 0 -35px;}
							#submitButton:active {background-position: 0 -35px;}

		
		
		
		
		
		
		/*FORMULARIO*/
		
		
		
		
	
	}





/*MEDIA QUERIES*/




/*NAV CSS*/
/* CSS Document */

/**
 * Design Shack Respnsive Menu
 */


* {
	padding: 0;
	margin: 0;
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/*balance 1024*/
.ct_nav_all{
	max-width:1024px;
	height:auto;
	margin: 0 auto;
	text-align:center;
	
	}





nav {
	width: 90%;
	margin: 0px auto;
	overflow: hidden;	
}

nav ul {
	list-style: none;
	overflow: hidden;
}

nav li a {
	background: #022038;
	color: #fff;
	display: block;
	float: left;
	padding: 10px ;
	text-align: center;
	text-decoration: none;
	width: 16.5%;
	
	/*TRANSISTIONS*/
	-webkit-transition: font-weight 1s ease;
	   -moz-transition: font-weight 1s ease;
	     -o-transition: font-weight 1s ease;
	    -ms-transition: font-weight 1s ease;
	        transition: font-weight 5s ease;
}

/*HOVER*/
nav li a:hover {
	font-weight:600;
}

/*SMALL*/
nav small {
	font: 100 11px/1  Verdana, Arial, sans-serif;
	text-transform: none;
	color: #aaa;
}

/*BORDER FIX*/
nav li:last-child a {
	border: none;
}

/*BLUE MENU*/
nav .blue {
	margin-top: 10px;
}

.blue li a {
	
}

.blue small {
	color: white;
}

.blue li a:hover {
	
}

/*RED MENU*/

nav .red {
	margin-top: 10px;
}

.red li a {
	background: #5C0002;
}

.red small {
	color: white;
}

.red li a:hover {
	}

/* MEDIA QUERIES*/
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	nav li a {
		font: 400 16px/1.4  Verdana, Arial, sans-serif;
	}
	
	nav small {
		font: 100 16px/1  Verdana, Arial, sans-serif;
	}
}

@media only screen and (max-width : 930px),
only screen and (max-device-width : 930px){
	nav li a {
		width: 25%;
		
		font: 400 16px/1.4  Verdana, Arial, sans-serif;
	}
	
	nav li:last-child a, nav li:nth-child(4) a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {
		border-bottom: none;
	}
}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	nav li a {
		width: 50%;
		font: 400 16px/1.4  Verdana, Arial, sans-serif;
		padding-top: 0px;
		padding-bottom: 5px;
	}
	
	nav li:nth-child(even) a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a {
		
	}
}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	nav li a {
		font: 400 16px/1.4  Verdana, Arial, sans-serif;
	}
}



/*NAV CSS*/

/*HEADER CSS*/

/* CSS Document */
.ct_container_header{
	background-color:#fff;
	margin:0 auto;
	max-width:1024px;
	height:auto;
	display:block;
	position:relative;
	padding:0.2em 1em 1.5em 1em;
	
	}
	
.ct_logo{
	float:left;
	padding:0.5em 0.5em 1em 0.5em;
	width:276px;
	height:155px;
	
	}
.obj_logo {	
	float:left;
	background: transparent url(../img/logo_casa_campesina.png) no-repeat 0px 0px;	
	width:296px;
	height:155px;
	text-decoration:none;
	color:#000;
	font-size:20px;
	outline:none;
	text-indent:-9000px !important;
	}
	
.ct_container_cx_smap{
	
	margin-top:0.9em;
	float:right;
	width:300px;
	height:120px;		
	}
.ct_container_cx_smap a{
	text-align:center;
	color:#000000;
	text-decoration:none;
}
	
.ct_conexiones{
	margin-top:2.5em;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	height:70px;
	display:block;	
	}
	
.mapa_sitio{
	width:80%;
	height:auto;
	font-weight:700;
	float:right;
	}
.mapa_sitio a{
	padding:0.1em 0.1em 0.1em 0.5em;
	color:#022038;
	text-decoration:underline;
	}
	
.ct_conexiones ul{
	list-style:none;
	}
.ct_conexiones li{
	
	float:left;	
	display:inline-block;	
	}
	
.ct_conexiones li a{
	text-indent:-9000px;
	outline:none;
	width:62px;
	height:62px;
	display:block;
	}


/*FACEBOOK*/
.connect_fb{
	
	background: transparent url(../img/btn-facebook.png) no-repeat 0px 0px;
	width:62px;
	height:62px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.connect_fb:hover{
	-webkit-box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	}
/*FACEBOOK*/


/*TWITTER*/	
	
.connect_twt{
	background: transparent url(../img/btn-twitter.png) no-repeat 0px 0px;
	width:62px;
	height:62px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.connect_twt:hover{
	-webkit-box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	}
/*TWITTER*/

/*YOUTUBE*/
.connect_ytube{
	background: transparent url(../img/btn-youtube.png) no-repeat 0px 0px;
	width:62px;
	height:62px;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	}
.connect_ytube:hover{
	-webkit-box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	box-shadow: 1px 1px 4px 1px rgba(1, 1, 1, .3);
	}
/*YOUTUBE*/


.clr{
	clear:both;
	width:100%;
	height:0px;
	}

/* MEDIA QUERIES*/
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	
	
	}
	
@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px){
	
	.ct_container_cx_smap{
		margin-top:0.5em;
		clear:both;
		width:99%;
		}
		
		.mapa_sitio a{
			padding:0.1em 0.1em 0.1em 20%;
			}
		
		.ct_logo{
			width:100%;
			height:auto;				
				}
				
		.obj_logo{
			margin-left:20%;
				}
	
	
	
	}
	
@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	
	.ct_container_cx_smap{
		margin-top:0.5em;
		clear:both;
		width:99%;
		}
		
	.mapa_sitio a{
			text-align:center;
			}
		
	.ct_logo{
		width:100%;
		height:auto;		
			}
	
		
	.obj_logo{
			margin-left:15%;
				}	
	
	}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	
	.ct_container_cx_smap{
		margin-top:0.5em;
		clear:both;
		width:99%;
		}
		
	.mapa_sitio a{
			text-align:center;
			}
		
	.ct_logo{
		width:100%;
		height:auto;
			}
	
	.obj_logo{
			margin-left:1%;
				}	
	
	
	}


/*HEADER CSS*/



/*FOOTER CSS*/

/* CSS Document */

.inner_footer_balance{
	max-width:1024px;
	height:auto;
	padding:1em 0;
	margin: 0 auto;
	}
	
.cont_footer_wrap{
	border-bottom:thin solid #ccc;
	border-top:thin solid #ccc;
	font-weight:normal;
	font-size:14px;
	color:#022038;
	text-align:center;
	padding:1em 0em;
	}
.cont_footer_wrap a,p
	{
	font-size:.9em;
	color:#666;
	text-decoration:none;
	}
.browser_suggest p{
	opacity:.4;
	color:#0e37de;
	}
.browser_suggest p:hover{
	opacity:1;
	}

/*FOOTER CSS*/



/*NORMALIZER*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}



/*NORMALIZER*/


/*TYPOGRAPHY*/

/* CSS Document */

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	}


/*TYPOGRAPHY*/



/*DEMO CSS*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


.contenedor_obj_galeria{
	width:95%;
	height:90%;
	margin:0 auto;
	padding-top:5em;
	}


/*DEMO CSS*/



/*CUSTOM CSS*/

.shadow {
	width: 100%;
	height: 168px;
	position: relative;
	margin-top: -110px;
	background: transparent url(../images/shadow.png) no-repeat bottom center;
	background-size: 100% 100%; /* stretches it */
	z-index: 1;
	display: none;
}

.sb-description h3 {
	font-size: 20px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.sb-description h3 a {
	color: #4a3c27;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.nav-arrows {
	display: none;
}

.nav-arrows a {
	width: 42px;
	height: 42px;
	background: #022038 url(../images/nav.png) no-repeat top left;
	position: absolute;
	top: 430px;
	left: 2px;
	text-indent: -9000px;
	cursor: pointer;
	margin-top: -21px;
	margin: 0 2.0em;
	opacity: 0.3;
	border-radius: 50%;
	box-shadow: 0 1px 1px rgba(255,255,255,0.8);
	z-index:3;
}

.nav-arrows a:first-child{
	left: auto;
	right: 2px;
	background-position: top right;
}

.nav-arrows a:hover {
	opacity: 1;
}

.nav-dots {
	text-align: center;
	position: absolute;
	bottom: -5px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}

.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #cbbfae;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #cbbfae,
		inset 0 0 0 8px #fff;
}

.nav-options {
	width: 70px;
	height: 30px;
	position: absolute;
	right: 70px;
	bottom: 0px;
	display: none;
}

.nav-options span {
	width: 30px;
	height: 30px;
	background: #cbbfae url(../images/options.png) no-repeat top left;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.7;
	display: inline-block;
	border-radius: 50%;
}

.nav-options span:first-child{
	background-position: -30px 0px;
	margin-right: 3px;
}

.nav-options span:hover {
	opacity: 1;
}




/* MEDIA QUERIES*/
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	
	.nav-arrows a {
		top: 420px;
		margin: 0 1em;
		}
	
	}
	
@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px){
	
	
	.nav-arrows a {
		top: 570px;
		margin: 0 1em;
		}
	
	
	}
	
@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	
	.nav-arrows a {
		top: 555px;
		margin: 0 1em;
		}

	
	}

@media only screen and (max-width : 320px),
only screen and (max-device-width : 320px){
	
	.nav-arrows a {
		top: 500px;
		margin: 0 0.1em;
		}
	
}



/*CUSTOM CSS*/


/*SLICEBOX*/
/* Slicebox Style */
.sb-slider {
	margin: 10px auto;
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
	z-index:2;
}

.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}

.sb-slider li > a {
	outline: none;
}

.sb-slider li > a img {
	border: none;
}

.sb-slider img {
	max-width: 100%;
	display: block;
}

.sb-description {
	padding: 20px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #CBBFAE;
	background: rgba(0,0,0, 0.4);
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;

	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}

.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}

.sb-slider li.sb-current .sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(0,0,0, 0.7);
}

.sb-perspective {
	position: relative;
}

.sb-perspective > div {
	position: absolute;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}

.sb-side {
	margin: 0;
	display: block;
	position: absolute;

	-moz-backface-visibility : hidden;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/*SLICEBOX*/