@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images./ 
*/
.b_blanco_5{
    border: #FEAD02 solid 1px; background: #FFFFFF; padding: 20px; border-radius: 0px 5px 5px 5px;
}
.b_blanco_6{
     background: #FFFFFF; padding: 0px 20px 20px 20px; border-radius: 5px 5px 5px 5px;
}
.b_amarillo_1{
    background: #FEAD02; padding: 10px; border-radius: 5px 0px 0px 5px;
}
.b_griss_2{
    background: #c4c4c4; padding: 10px; color: #FFFFFF; font-size: 24px; border-radius: 5px 0px 0px 5px;
}
.bf_1{
    float: left; width:3%;
}
.bf_2{
    float: left; width: 97%;
}
.fondo_simular{
   background:url(../../imagenes/fondo_numero_2.png); border-radius: 5px; background-size: cover; height: 300px; padding: 40px 20px 20px 20px;
}
.text_camp_5520{
    text-align: right; font-size: 54px; color: #FFFFFF;
}
.cent_11{
    padding-top: 70px; text-align: left;
}
.cc_11{
    background:url(../../imagenes/camp_1.jpg) no-repeat; height: 860px;
}
.cc_22{
    background:url(../../imagenes/img_camp_interna.jpg) no-repeat; height: 600px;
}
.fondo_cg{
    background:url(../../imagenes/img_consejo_gremial_1.jpg) no-repeat; height: 590px;
}
.fondo_cg2{
    background:url(../../imagenes/media_rueda.png) center bottom no-repeat; height: 590px;
}
.mar_p1{
    padding-left: 10px; margin-bottom: 10px;
}
.mar_p2{
    padding-right: 10px; margin-bottom: 10px;
}
.fondo_m1{
     background: url(../../imagenes/muralla.jpg) left no-repeat; height: 580px;
}
.m4{
    padding-top: 300px; text-align: right; font-size: 25px; color: #FFFFFF; font-family: 'Archer';
}
.m3_marg_camp{
    margin-top: 250px;
}
.m2_marg_camp{
    margin-top: 200px;
}
.m1_camp{
    background:url(../../imagenes/camp_1.jpg) center no-repeat ; background-size: cover; position: relative; height: 900px;
}
.m1_camp_inter{
    background:url(../../imagenes/camp_2.jpg) center no-repeat ; background-size: cover; position: relative; height: 900px;
}
.cc_1{
    max-width: 600px; margin-top: 50px;
}
.camp_cc_1{
    background:url(../../imagenes/camp_1.jpg) no-repeat; background-size: cover; height: 750px;
}
.fachada_cc_1{
    background:url(../../imagenes/fachada_hotel.jpg) left no-repeat; height: 845px;
}
.btn_506{
    max-width: 140px;  padding:5px; color:#9A783E; text-align: center; font-size: 16px; border-radius: 5px;  border: #9A783E solid 1px; font-family: 'Aktiv Grotesk';
}
.btn_506:hover{
    max-width: 140px;  padding:5px; color:#FFFFFF; text-align: center; background: #9A783E; font-size: 16px; border-radius: 5px;  border: #9A783E solid 1px; font-family: 'Aktiv Grotesk';
}
.f12{
    color: #FFF2F2; font-family: 'Aktiv Grotesk'; font-size: 34px;
}
.p101{
    font-size: 15px; text-align: center; padding-left: 100px;
}
.logo{
    width: 100%; position: absolute; top: -50px;
}

.fondo_cabeza{
    background:url(../../imagenes/cabeza.jpg) #68BC2E top no-repeat;
}
.text_2_gnv{
    font-family: 'latobold'; color: #FFFFFF; text-align: left; font-size: 80px; line-height: 75px;
}


.text_1_gnv{
    font-family: 'latobold'; color: #FFFFFF; text-align: left; font-size: 80px; line-height: 75px;
}

.menu_B1{
float: left;  color: #9a783d; padding: 0px 22px 0px 22px;
	}
.menu_B1:hover{
	float: left;  color:#FCF9CC; padding: 0px 22px 0px 22px;
	}
.menu_B2{
float: left;  color: #9a783d; padding: 0px 0px 0px 22px;
	}
.menu_B2:hover{
	float: left;  color:#FCF9CC; padding: 0px 0px 0px 22px;
	}
img, object, embed, video {
	max-width: 100%;
}
.camp_3g{
	height: 667px;
	background:url(../../imagenes/camp_1.png) no-repeat;
	background-size:cover;
	}
.camp_3g_inter{
	height: 420px;
	background:url(../../imagenes/camp_1.png) no-repeat;
	background-size:cover;
	}
.cont_menu22{
	background:#6F7072;
	color:#FFFFFF;
	padding:20px 10px 20px 20px;
	display:block;
	}
.cont_menu33{
	background:#6F7072;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	display:none;
	}

.p11{
	margin-top:10px; width:50%; float:right;
	}
.p12{
	margin-top:10px; width:50%; float:right;
	}
.tex_pie11{
	text-align:left; line-height: 20px; margin-top:10px; font-size: 15px;
	}
.oficinas{
	color: #ffffff; text-align:left; margin-top:25px;
	}
.c_t_1{
	color:#FFFFFF; text-align:left;
	}
.fondo_c{
	background:url(../../imagenes/cartagena.jpg) no-repeat; background-size:cover; height: 372px;
	}
.fondo_s{
	background:url(../../imagenes/santa_marta.jpg) no-repeat; background-size:cover; height: 372px;
	}
.cart{
	max-width: 450px; margin-right:35px; padding-top:80px;
	}
.sant{
	max-width: 450px; margin-left:35px; padding-top:80px;
	}
.slogan_txt{
	color:#FFFFFF; font-size:18px; margin-top:90px; line-height:24px;
	}
.mar_btn{
	margin-top:50px;
	}
.img_edificio{
	float:left; width:39%; height:636px; margin-right:1%; background:url(../../imagenes/foto_infinity.png) center; background-size:cover;
	}
.cont_tex_edif{
	float:left; width:20%; height:636px; padding:10px; color:#BFBFBF; background-color:#363638;
	}
.img_fallada{
	float:right; width:39%; height:636px; margin-left:1%; background:url(../../imagenes/fachada_infinty.png) center; background-size:cover;
	}
.pd{
	padding-top:30px;
	}
.tex_intro{
	padding-top:30px; 
	border-left:#E2E2E2 solid 1px;
	padding-left:50px; 
	padding-bottom:20px;
	}
.tex_camp_1{
	font-family: Raleway;
	color: #fffffe;
	font-size: 48px;
	font-weight: 300;
	line-height: 53.143px;
	transform: scale(1.505,1.505);
	}
.text_camp_2{
	font-family: Raleway;
	color: #fffffe;
	font-size: 66.43px;
	line-height: 48px;
	font-weight: 100;
	transform: scale(1.104,1.104);
	margin-top:10px;
	}
.text_camp_3{
	font-family: Raleway;
	color: #fffffe;
	font-size: 24px;
	font-weight: 300;
	line-height: 53.143px;
	transform: scale(1.100,1.100);
	}
nav {
	width: 100%;
	text-align:left;
	margin-right: 0px;
    -webkit-font-smoothing: antialiased;

}
header nav ul {
	list-style: none;
	float: right;
    font-family: 'robotolight';
}
nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul li:hover a {
	color: #2C9AB7;
}

.hidden{
	opacity:0;
}
.visible{
	opacity:1;
}
.error-input{
	border:solid 1px red !important;
	background:#FFA3A3 !important;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.error-input::-webkit-input-placeholder { color:#FFF !important; }
	.error-input::-moz-placeholder { color:#FFF !important; } 
	.error-input:-ms-input-placeholder { color:#FFF !important; }
	.error-input:-moz-placeholder { color:#FFF !important; }
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

	
/* /* tipos de letra */
/* This stylesheet generated by Transfonter (https://transfonter.org) on April 12, 2017 7:26 PM */

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

}
@font-face {
	font-family: 'Futura (Light)';
	src: url('../fonts/FuturaLight.eot');
	src: url('../fonts/FuturaLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FuturaLight.woff2') format('woff2'),
		url('../fonts/FuturaLight.woff') format('woff'),
		url('../fonts/FuturaLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Archer';
	src: url('../fonts/Archer-Light.eot');
	src: url('../fonts/Archer-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Archer-Light.woff2') format('woff2'),
		url('../fonts/Archer-Light.woff') format('woff'),
		url('../fonts/Archer-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}


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

}

@font-face {
	font-family: 'Aktiv Grotesk';
	src: url('../fonts/AktivGrotesk-Thin.eot');
	src: url('../fonts/AktivGrotesk-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGrotesk-Thin.woff') format('woff'),
		url('../fonts/AktivGrotesk-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Aktiv Grotesk Regular';
	src: url('../fonts/AktivGrotesk-Regular.eot');
	src: url('../fonts/AktivGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGrotesk-Regular.woff') format('woff'),
		url('../fonts/AktivGrotesk-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aktiv Grotesk Ligth';
	src: url('../fonts/AktivGrotesk-Light.eot');
	src: url('../fonts/AktivGrotesk-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGrotesk-Light.woff') format('woff'),
		url('../fonts/AktivGrotesk-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Aktiv Grotesk Medium';
	src: url('../fonts/AktivGrotesk-Medium.eot');
	src: url('../fonts/AktivGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AktivGrotesk-Medium.woff') format('woff'),
		url('../fonts/AktivGrotesk-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'St Ryde thin';
	src:  url('../fonts/StRyde-Thin.eot');
	src:  url('../fonts/StRyde-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/StRyde-Thin.woff2') format('woff2'),
		 url('../fonts/StRyde-Thin.woff') format('woff'),
		 url('../fonts/StRyde-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'St Ryde light';
	src:  url('../fonts/StRyde-Light.eot');
	src:  url('../fonts/StRyde-Light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/StRyde-Light.woff2') format('woff2'),
		 url('../fonts/StRyde-Light.woff') format('woff'),
		 url('../fonts/StRyde-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'St Ryde bold';
	src:  url('../fonts/StRyde-Bold.eot');
	src:  url('../fonts/StRyde-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/StRyde-Bold.woff2') format('woff2'),
		 url('../fonts/StRyde-Bold.woff') format('woff'),
		 url('../fonts/StRyde-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'St Ryde regular';
	src:  url('../fonts/StRydeRegular.eot');
	src:  url('../fonts/StRydeRegular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/StRydeRegular.woff2') format('woff2'),
		 url('../fonts/StRydeRegular.woff') format('woff'),
		 url('../fonts/StRydeRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans_r';
	src: url('../fonts/GoldenSans-Regular.eot');
	src: url('../fonts/GoldenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Regular.woff') format('woff'),
		url('../fonts/GoldenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans_t';
	src: url('../fonts/GoldenSans-Thin.eot');
	src: url('../fonts/GoldenSans-Thin.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Thin.woff') format('woff'),
		url('../fonts/GoldenSans-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans_b';
	src: url('../fonts/GoldenSans-Bold.eot');
	src: url('../fonts/GoldenSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Bold.woff') format('woff'),
		url('../fonts/GoldenSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans_bb';
	src: url('../fonts/GoldenSans-Black.eot');
	src: url('../fonts/GoldenSans-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Black.woff') format('woff'),
		url('../fonts/GoldenSans-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Stellar_m';
	src: url('../fonts/Stellar-Medium.eot');
	src: url('../fonts/Stellar-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Stellar-Medium.woff') format('woff'),
		url('../fonts/Stellar-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Stellar_R';
	src: url('../fonts/Stellar-Regular.eot');
	src: url('../fonts/Stellar-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Stellar-Regular.woff') format('woff'),
		url('../fonts/Stellar-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Stellar_L';
	src: url('../fonts/Stellar-Light.eot');
	src: url('../fonts/Stellar-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Stellar-Light.woff') format('woff'),
		url('../fonts/Stellar-Light.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans';
	src: url('../fonts/GoldenSans-Medium.eot');
	src: url('../fonts/GoldenSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Medium.woff') format('woff'),
		url('../fonts/GoldenSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans';
	src: url('../fonts/GoldenSans-UltraLight.eot');
	src: url('../fonts/GoldenSans-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-UltraLight.woff') format('woff'),
		url('../fonts/GoldenSans-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Golden Sans LL';
	src: url('../fonts/GoldenSans-Light.eot');
	src: url('../fonts/GoldenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/GoldenSans-Light.woff') format('woff'),
		url('../fonts/GoldenSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Stellar_BB';
	src: url('../fonts/Stellar-Bold.eot');
	src: url('../fonts/Stellar-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Stellar-Bold.woff') format('woff'),
		url('../fonts/Stellar-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


@font-face {
	font-family: 'Typography Times';
	src: url('../fonts/TypographyTimes.eot');
	src: url('../fonts/TypographyTimes.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TypographyTimes.woff2') format('woff2'),
		url('../fonts/TypographyTimes.woff') format('woff'),
		url('../fonts/TypographyTimes.ttf') format('truetype'),
		url('../fonts/TypographyTimes.svg#TypographyTimes') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Typography Times italic';
	src: url('../fonts/TypographyTimes-Italic.eot');
	src: url('../fonts/TypographyTimes-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TypographyTimes-Italic.woff2') format('woff2'),
		url('../fonts/TypographyTimes-Italic.woff') format('woff'),
		url('../fonts/TypographyTimes-Italic.ttf') format('truetype'),
		url('../fonts/TypographyTimes-Italic.svg#TypographyTimes-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Typography Times';
	src: url('../fonts/TypographyTimes-Bold.eot');
	src: url('../fonts/TypographyTimes-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TypographyTimes-Bold.woff2') format('woff2'),
		url('../fonts/TypographyTimes-Bold.woff') format('woff'),
		url('../fonts/TypographyTimes-Bold.ttf') format('truetype'),
		url('TypographyTimes-Bold.svg#TypographyTimes-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}


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

}

@font-face {
    font-family: 'latothin';
    src: url('../fonts/lato-thin-webfont.woff2') format('woff2'),
         url('../fonts/lato-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuelight';
    src: url('../fonts/bebasneue_light-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neue_regular';
    src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuethin';
    src: url('../fonts/bebasneue_thin-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
	
/* tipos de letra */

/* tipos de letra */
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

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

}

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

}

.borrar{
	clear:both;
	}
.row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
b{
	 font-family: 'latobold';
    -webkit-font-smoothing: antialiased;
}
.cont_menu{
	padding-top:50px; 
	}
.tex_pie2{
	margin-top:40px; text-align:right;
	}

.vineta5{
  margin: 0 0 10px;
   color:#FFFFFF;
    font-family: 'latolight';
    line-height: 24px;
    font-size: 18px;
    text-align:left;
    list-style:url(../../imagenes/cirulo.png);
    -webkit-font-smoothing: antialiased;
	}
	.vineta5 li{
        
		padding:10px 0px 0px 0px;
        text-align:left;
	}
.vineta6{
  margin: 0px;
   color:#686868;
    font-family: 'latolight';
    line-height: 24px;
    font-size: 17px;
    text-align:left;
    list-style:url(../../imagenes/gris_1.png);
    -webkit-font-smoothing: antialiased;
    padding-left: 20px;
	}
	.vineta6 li{
        
		padding:10px 0px 0px 0px;
        text-align:left;
	}


.menu_1{
	color: #7b7b7c;
	text-align:center;
	font-family: 'open_sanslight';
	font-size: 19px;
	height: 62px;
	float:left;
	width:165px;
	}
.menu_2{
	color: #7b7b7c;
	text-align:center;
	font-family: 'open_sanslight';
	font-size: 19px;
	height: 62px;
	float:left;
	width:150px;
	}
.menu_3{
	color: #7b7b7c;
	text-align:center;
	font-family: 'open_sanslight';
	font-size: 19px;
	height: 62px;
	float:left;
	width:100px;
	}
.menu_4{
	color: #7b7b7c;
	text-align:center;
	font-family: 'open_sanslight';
	font-size: 19px;
	height: 62px;
	float:left;
	width:150px;
	}
	/*Menu Fantasma*/
.menu_f1{
	display:block;
	}
.menu_f2{
	display:none;
	font-size:30px;
	}

	/*Menu Fantasma*/

.menu_1:hover{
	color:#000000;
	border-bottom:#000000 solid 4px;
	height: 62px;
	font-family: 'open_sanslight';
	float:left;
	}
.menu_2:hover{
	color:#000000;
	border-bottom:#000000 solid 4px;
	height: 62px;
	font-family: 'open_sanslight';
	float:left;
	}
.menu_3:hover{
	color:#000000;
	border-bottom:#000000 solid 4px;
	height: 62px;
	font-family: 'open_sanslight';
	float:left;
	}
.menu_4:hover{
	color:#000000;
	border-bottom:#000000 solid 4px;
	height: 62px;
	font-family: 'open_sanslight';
	float:left;
	}
	
@media (max-width: 480px) {
    
     .c_55{
    margin-top: 20px; text-align: center  !important; margin-left: 30% !important;
}
    
    .tip_5{
    border-right:none !important; background: rgba(0,0,0,0.60); color:#FFFFFF; height: 270px; padding: 50px 20px 40px;
}
      .ser_p1{
padding-left: 10px !important; padding-top: 0px!important;
}
    .icono_G1{
    position: absolute; top: -78px; left: 0px; width: 100%; display: none;
}
    
     .logo_pro{
    text-align:center !important; padding-left: 0px !important;
}
    .cont_55{
    max-width: 480px !important; color: #FFFFFF;
}
    .fondo_azul_558{
    background: url(../../imagenes/fondo_3.jpg) repeat-x;
}
	
}   

@media (max-width: 375px) {
    
    .c_55{
    margin-top: 20px; text-align: center  !important; margin-left: 25% !important;
}
    
      .tip_5{
    border-right:none !important; background: rgba(0,0,0,0.60); color:#FFFFFF; height: 250px; padding: 50px 20px 40px;
}
    
     .azul_1{
    max-width: 767px !important; padding-right: 0px !important; padding-top: 30px; padding-bottom: 20px; height: 385px !important;
}

.cont_text_camp_b2{
    padding-left: 10px; padding-top: 30px;
}    
    .camp_88{
    background: url(../../imagenes/camp_1.jpg) no-repeat; background-size: cover; height: 500px;
}

    .camp_77{
    text-transform: uppercase; text-align:center; font-size:30px; padding-right: 0px; line-height: 30px;
}
    .camp_3g{
	height:450px;
	background:url(../../imagenes/camp_1.png) center no-repeat;
	background-size:cover;
	}
 
}
@media (max-width: 320px) {
    
    .logo{
    width: 100%; position: absolute; top: -35
        px !important;
}
    
    .c_55{
    margin-top: 20px; text-align: center  !important; margin-left: 20% !important;
}
    
     .cuarto_55{
    background:url() #8ba84a no-repeat !important; height: 550px !important; border-bottom: #E8802A solid 5px;
}
    
     .azul_1{
    max-width: 767px !important; padding-right: 0px !important; padding-top: 30px; padding-bottom: 20px; height: 390px !important;
}

    .fb_1{
    font-size: 30px;
}
.fb_2{
    font-size: 45px; line-height: 40px;
}
.fb_3{
    font-size: 45px; line-height: 47px;
}
    .camp_3g{
	height:500px;
	background:url(../../imagenes/camp_1.png) center no-repeat;
	background-size:cover;
	}
 
}