@charset "UTF-8";
/* CSS Document */
*{margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{font-family: 'Rambla', sans-serif; background: #11498d; font-size:14px;}

.contenedorall{width: 47%; height: 100%; float:right; background: url(../images/registro-letras-rojas.png) right no-repeat; background-size:100% auto;}

.registroform{width: 50%; float: left; margin-top: 8%; margin-left: 3%; color:#FFF;}
.registroform h1{font-size: 30px; color: #FFF;}

form{ margin:5% 0 10% 0;}
.txtform{border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; width:90%; margin:5px auto 10px; font-size:1em; padding:10px}
#submit {font-weight: bold; color:#FFF; cursor: pointer; padding: 5px; margin: 0 10px 20px 0; border: 0; background: #2b2b2b; border-radius: 8px 8px 8px 8px; padding:5px 20px;}

#submit:hover { background: #555;}
#selectaller{ display:none;}

#registroForm label.error, label.error {  color: #ff585f; font-style: italic; margin-left: -135px; margin-top: -17px; position: absolute; text-align: right; width: 125px;}
input.error { border: 1px dotted #FF585F;}

.txtformtel1{border: 0 solid #000000; border-radius: 10px; float: left; font-size: 1em; margin: 5px 0 10px; padding: 10px; width: 70%;}
.txtformtel2{border: 0 solid #000000; border-radius: 10px;float: none; font-size: 1em; margin: 5px 0 10px 2%; padding: 10px; width: 18%;}
.lbtelefono{border: 0 solid #000000; border-radius: 10px; float: left; font-size: 1em; width: 70%; color: #FFF;}
.lbext{border: 0 solid #000000; border-radius: 10px; float: none; font-size: 1em; padding-left: 20px; width: 18%; color: #FFF;}
.lbtxt{color: #FFF;}
.lbtxtbold{color: #FFF; font-size:1.4em; font-weight:bold;}

@media (min-width: 1200px){
	
}
/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
.registroform{width: 90%; float: none; margin-top: 2%; margin-left:auto; margin-right:auto; overflow:hidden;}
.contenedorall{width: 320px; height:300px; background: url(../images/icono-registro-conferencia.jpg) right top no-repeat; background-size:100% auto;}
form{ margin:5% 0 10% 0;}
.txtform{border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; width:100%; margin:5px auto 10px; font-size:1em; padding:10px}
#submit {font-weight: bold; color:#FFF; cursor: pointer; padding: 5px; margin: 0 10px 20px 0; border: 0; background: #2b2b2b; border-radius: 8px 8px 8px 8px; padding:5px 20px; width:100%; height:40px;}
.txtformtel1 { border: 0 solid #000000; border-radius: 10px; float: left; font-size: 1em; margin: 5px 0 10px; padding: 10px; width: 75%;}
.txtformtel2 { border: 0 solid #000000; border-radius: 10px; float: none; font-size: 1em; margin: 5px 0 10px 2%; padding: 10px; width: 22%;}
.lbext { border: 0 solid #000000; border-radius: 10px; float: none; font-size: 1em; padding-left: 27px; width: 18%; }
}