@charset "utf-8";
/* CSS Document coco mongrafic */
#carusel .carousel-caption{
	min-height: 250px;
	background-color: rgba(5,20,29,.6);
	right:0;
	left:0;
	bottom: 0;
	padding: 0;
	text-align: center;
	}
#carusel header{
	width:352px;

	}
#carusel h1{
	font-weight: 300;
	font-size: 1.375rem;

	
	}
#carusel h2{
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	margin:2em 0 0em;

	}
#carusel .col-12 {
	padding:0;
	}
#carusel picture{
	max-height:2vh;
	}
#presentacion{
	padding: 0em 0;
	background-image:none;
	background-repeat:no-repeat;
	background-color: #B8BBBD;	
	}
#presentacion .col-lg-12, #presentacion .col-md-6,#presentacion .col-lg-7,#presentacion .col-lg-5,#presentacion .row-eq-height, #presentacion .container{
	max-width: 100%;
	padding: 0;
	margin: 0;
	float:left;
	}

#presentacion .row{
	max-width:100%;
	padding: 0;
	margin: 0;	
	}

#presentacion h1{
	font-size:1.5em;
	color:#323C4B;
	font-weight: 600;
	}
#presentacion p{
	color:#323C4B;
	}
#presentacion a{
	color:#fff;
	text-decoration: underline;
	}	
#presentacion a strong{
	color:#fff;
	text-decoration: underline;
	}
#presentacion a:hover{color:#fff;
	text-decoration: none;
	}
#presentacion strong{
	color: #323C4B;
	font-weight: 400;
	}
#presentacion article{
	padding: 15px;
	}
#presentacion h2{
	font-size:1.5em;	
	font-weight: 600;
	margin: 0;
	color:#383E4C;

	}
.zonatags{
	background-color: #747881;
	padding: 1em 0!important;
	max-height: 250px;

}
#presentacion iframe{
	max-width:100%!important;
	max-height: 194px;
	}
#presentacion ul{
	padding: 0;
	}
#presentacion li{
	float: left;
	margin-right: 0.2em;
	padding: 0;
	}
#presentacion li a{
	color:#fff;
	font-size: 1em;
	font-style: italic;
	}
#galeria{
	background-color:#464F5D;
	padding-top: 1em;
	padding-bottom: 1em;
	}


@media only screen and (min-width:768px) {
	#carusel .carousel-caption{
	min-height: 120px;
	background-color: rgba(5,20,29,.6);
	right:0;
	left:0;
	bottom: 0;
	padding: 0;
	text-align: center;
}
#carusel header{
	width:352px;

}
#carusel h1{
	font-weight: 300;
	font-size: 1.375rem;
	margin:1em 0;
	
}
#carusel h2{
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 1em	

}
#carusel .col-12{
	padding:0;
}

#presentacion{

}
#presentacion .container{
	margin: 0;
	padding: 0;
}

#presentacion .col-6{
	max-width: 50%;
	float: left;
	}
#presentacion .col-12{
	padding:0;
	}
#presentacion .row{
	padding: 0;
	margin: 0;
	}
#presentacion h1{
	font-size:1em;
	color:#323C4B;
	font-weight: 600;
	}
#presentacion p{
	color:#323C4B;
	}
#presentacion iframe{
	max-width:100%!important;
	max-height: 235px;}
#presentacion article{padding: 15px;
	}
#presentacion ul{
	padding: 0
	}
#presentacion li{
	float: left;
	margin-right: 0.2em;
	padding: 0
	}
#presentacion li a{
	color:#fff;
	}
#presentacion .container {
    max-width: 768px;
	}

}/*768*/
@media only screen and (min-width:992px) {
	#carusel .carousel-caption{
	min-height: 120px;
	background-color: rgba(5,20,29,.6);
	right:0;
	left:0;
	bottom: 0;
	padding: 0;
	text-align: left;
	}
#carusel header{
	width:352px;

	}
#carusel h1{
	font-weight: 300;
	font-size: 1.375rem;
	margin:1em 0;
	
	}
#carusel h2{
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 1em	

}
#carusel .col-12{
	padding:0;
	}
#presentacion{
	padding: 6.875em 0;

	}
#presentacion .container{
	margin: 0;
	padding: 0;

	}

#presentacion .col-6{
	max-width: 50%;
	float: left;
	}
#presentacion .col-12{
	padding:0;
	}
#presentacion .row{
	padding: 0;
	margin: 0;
	}
#presentacion h1{
	font-size:1em;
	color:#323C4B;
	font-weight: 600;
	}
#presentacion p{
	color:#323C4B;
	}

#presentacion iframe{
	max-width:100%!important;
	max-height: 319px;
	}
#presentacion article{
	padding: 15px;
	}


#presentacion ul{
	padding: 0
	}
#presentacion li{
	float: left;
	margin-right: 0.2em;
	padding: 0
	}
#presentacion li a{
	color:#fff;
	}
#presentacion .container {
    max-width: 100%;
	}
#galeria{
	padding-top: 6.875em;
	padding-bottom: 6.875em;
	}
}/*992*/

@media only screen and (min-width:1366px) {
	#carusel .carousel-caption{
	min-height: 120px;
	background-color: rgba(5,20,29,.6);
	right:0;
	left:0;
	bottom: 0;
	padding: 0;
	text-align: left;
	}
#carusel header{
	width:352px;

	}
#carusel h1{
	font-weight: 300;
	font-size: 2.25rem;
	margin:1em 0;
	
	}
#carusel h2{
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 1em	

	}
#carusel .col-12{
	padding:0;
	}

#presentacion .container{
	margin: 0;
	padding: 0;

	}

#presentacion .col-6{
	max-width: 50%;
	float: left;
	}
#presentacion .col-12{
	padding:0;
}
#presentacion .row{
	padding: 0;
	margin: 0;
	}
#presentacion h1{
	font-size:1em;
	color:#323C4B;
	font-weight: 600;
	}
#presentacion p{
	color:#323C4B;
	}


#presentacion article{
	padding: 15px;}


#presentacion ul{
	padding: 0
	}
#presentacion li{
	float: none;
	margin-right: 0.2em;
	padding: 0
	}
#presentacion li a{
	color:#fff;
	}
#presentacion .container {
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	}

}/*1366*/
@media only screen and (min-width:1700px) {
	#carusel .carousel-caption{
	min-height: 120px;
	background-color: rgba(5,20,29,.6);
	right:0;
	left:0;
	bottom: 0;
	padding: 0;
	text-align: left;
	}
#carusel header{
	width:352px;

	}
#carusel h1{
	font-weight: 300;
	font-size: 2.25rem;
	margin:1em 0;
	
	}
#carusel h2{
	font-weight: 300;
	font-size: 1rem;
	text-transform: uppercase;
	padding-bottom: 1em	

	}
#carusel .col-12{
	padding:0;
	}

	#presentacion {
	background-image: url(../images/fondodetalle1920.png);
	background-repeat: repeat-y;
	background-position: center center
	}
#presentacion .col-12 .container{
    margin-right: auto;
    margin-left: auto;
	padding: 0px;
	min-height: 207px;
	}
#presentacion .container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

	}

#presentacion .col-6{
	max-width: 50%;
	float: left;
	}
#presentacion .col-12{
	padding:0;
	}
#presentacion .row{
	padding: 0;
	margin: 0;
	}
#presentacion h1{
	font-size:1.5em;
	color:#323C4B;
	font-weight: 600;
	}
#presentacion h2{
	font-size:1.5em;	
	font-weight: 600;
	margin: 0;
	color:#383E4C;
	}	
#presentacion p{
	color:#000;
	max-width: 750px;
	font-size:1.2em;
	font-weight:100;
	}

#presentacion article
{padding: 15px;}


#presentacion ul{
	padding: 0
	}
#presentacion li{
	float: none;
	margin-right: 0.2em;
	padding: 0
	}
#presentacion li a{
	font-size: 1.5em;
	}

}/*1700*/