@charset "UTF-8";


@font-face {
    font-family: 'Bw_Surco';
    src: url('fonts/BwSurco-Regular.otf') format('otf'),
         url('fonts/BwSurco-Regular.ttf') format('ttf'),
		 url('fonts/bwsurco-regular-webfont.woff') format('woff'),
		 url('fonts/bwsurco-regular-webfont.woff2') format('woff2');
	font-weight: normal;
}

@font-face {
	font-family: 'Bw_Surco';
    src: url('fonts/BwSurco-Bold.otf') format('otf'),
         url('fonts/BwSurco-Bold.ttf') format('ttf'),
		 url('fonts/bwsurco-bold-webfont.woff') format('woff'),
		 url('fonts/bwsurco-bold-webfont.woff2') format('woff2');
	font-weight: bold;
}

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

body{background: #fff; font-family: 'Open Sans', sans-serif;}

.contenedor{width: 80%; margin: 4% auto;}
.contecien{width: 100%; float: left; position: relative; text-align:center;}
.logopink{width: 239px; height: 65px; float: right;}

.infocalen{width: 100%; }

.contform{ margin:0 auto; width:100%; max-width:1100px;}

.infocalen h1{font-weight: 700; color: #000; font-size: 35px; font-family: 'Bw_Surco', Helvetica, Arial, sans-serif !important;}
.infocalen h2{font-weight: 300; color: #000; font-size: 28px; margin: 12px 0 0 0;}
.contform h2{font-weight: 300; color: #000; font-size: 28px; margin: 12px 0 0 0;}
.infocalen p{font-size: 16px; color: #000;}
.infocalen ul{margin: 0 12px; padding: 0;}
.infocalen ul li{color: #000;}

.modalidad{width: 294px; height: 63px; float: left;}

.txtformdetail {
    border: 1px solid #000;
    margin: 10px auto;
    padding: 10px;
    width: 100%;
}

.csubmit {
    background: #0059a3 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    margin: 10px auto 20px;
    padding: 10px;
    display: block;
    width: 150px;
}
#comentarios {width: 90%; max-width: 400px; margin: 0 auto;}
#comentarios label {font-size: 10px; margin: 23px 0 0 -65px; position: absolute; color:red;}
#comentarios input.error { border: 1px dotted red;}
.fancybox-close { cursor: pointer; height: 36px; position: absolute; right: 25px !important; top: 5px !important; width: 36px; z-index: 8040;}

.mensaje {
    background: #0059a3 none repeat scroll 0 0;
    border-radius: 7px;
    color: #FFF;
    display: none;
    height: auto;
    margin: -10px auto;
    overflow: hidden;
    padding: 7px;
    text-align: center;
    width: 75%;
}
.mensaje a { color:#FFF; text-decoration:none;}
.mensaje a:hover{ color:#FFF; text-decoration:underline;}
#exito{ display:none;}
#fracaso{ display:none;}
.contenviar{width: auto; height: 50px; overflow: hidden; position: relative;}


.hs-form-field{ float:left; margin:0 10px;width: 30%;}
.hs-input{border: 0 solid #000000; border-radius: 7px; margin: 10px 1%; padding: 10px; width: 100%;}
.hs-form-required{ display:none !important;}
.hs-button{     background: #da0679 none repeat scroll 0 0;
border: 0 none;
border-radius: 8px;
color: #000;
cursor: pointer;
font-size: 1em;
font-weight: normal;
margin: 10px 10px 20px;
padding: 5px;
width: 120px;
}
.hs_submit{ width:100%; clear:both;}
.submitted-message{ color:#FFF;}
.infocalen{margin: 25px auto; width:70%;}

@media screen and (max-width: 720px){
.csubmit {
    background: #0059a3 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #FFF;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    margin: 10px auto 20px;
    padding: 10px;
    display: block;
    width: 150px;
}
	#comentarios label { color: red; font-size: 10px; left: 100%; margin: -37px 0 0 -153px; position: absolute;}
	.infocalen{margin: 25px auto; width:95%;}
	
	.infocalen h1 {
		font-family: 'Bw_Surco', Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    color: #000;
    font-size: 25px;
    line-height: 28px;
}
	
	.txtformdetail {
    border: 1px solid #000;
    border-radius: 7px;
    margin: 10px auto;
    padding: 10px;
    display: block;
    width: 90%;
}

}