body {
	background-color: #fff !important;
}

textarea.textareaField {
    border: 0;
    padding: 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #e4e4e4;
    font-family: Helvetica, Arial, sans-serif;
    margin: 5px 0px 0px;
    width: 595px;
    height: 100px;
    resize: none;
}
 .msjAclaraHeader1 {
    font-size: 0.8em;
    display: inline;
    color: #00afec;
    float: right;
    font-weight: bolder;
    top: -20px;
    position: relative;
 }
  .msjAclaraHeader2 {
    font-size: 0.8em;
    display: inline;
    color: #00afec;
    float: right;
    top: -20px;
    position: relative;
 }

 @font-face {
    font-family: 'amatic';
    src: url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.eot');
    src: url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.woff2') format('woff2'),
         url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.woff') format('woff'),
         url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.ttf') format('truetype'),
         url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Md';
  src: url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Md.otf') format('opentype'),
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Md.woff') format('woff'), 
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), 
       url('../fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Roman';
  src: url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),  
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Roman.otf')  format('opentype'),
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), 
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Roman.ttf')  format('truetype'), 
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),  
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Bd.otf')  format('opentype'),
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), 
       url('http://www.actiontravel.com.ar/viajes_con_chicos/static/fonts/HelveticaNeueLTStd-Bd.ttf')  format('truetype'), 
       url('HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
  font-weight: normal;
  font-style: normal;
}



/*--------------------------------------- BASICO ------------------------------------------------------*/


p {
    font-family: 'HelveticaNeue-Roman';
    font-size: 16px;
    color: #676767;
}

a {
    text-decoration: none;
}

h3:nth-of-type(5n + 1) {
    color: #eb5b34;
}



/*--------------------------------------- FIN BASICO ------------------------------------------------------*/



/*--------------------------------------- FORMULARIO ------------------------------------------------------*/

.col_1 {
    padding: 0px;
    width: 100%;
}


#fechas { width: 38vw; }

form{
    margin-left: 80px;
    width: 38vw;
}


.form_item {
    padding: 0px;
    width: 95%;
    height: 50px;
    background-color: #f1f1f1;
    border-radius: 5px;
    font-size:16px;
    border: 0px;
    margin-bottom: 16px;
    padding-left:5%;
    font-family: 'HelveticaNeue-Roman';

}

.combo-box{
    width: 75%;
    height: 50px;
    background-color: #f1f1f1;
    border-radius: 5px;
    border: 0px;
    margin-right:  29px ;
    padding: 0 1rem 0 0;
    font-family: 'HelveticaNeue-Roman';
    
}

.opciones p{float: left;}


#solicitar_boton {
    background-image:url(http://www.actiontravel.com.ar/viajes_con_chicos/static/img/btn_form.png);
    height: 74px;
    width: 118px;
    background-color: white;
    border: 0px;
    cursor: pointer;
    font-family: Amatic;
    font-size: 32px;
    text-transform:  uppercase;
    margin: 16px 0px 30px 0px;  
    display: inherit;
}

:focus {
  outline-color: transparent;
  outline-style: none;
}

form p{

    display: inline-block;
    width: 100%;

}

form h1{
    
    font-family: 'amatic';
    font-size: 47px;
    color: #676767;
    width: 350px;
    margin-bottom: 15px;
    font-weight: lighter;
}
form h2{
    font-family: 'amatic';
    font-size: 35px;
    color: #676767;
    width: 350px;
    margin-bottom: 15px;
    font-weight: lighter;
    text-align: justify;
}
#datepicker_in, #datepicker_out{
    width: 90%;
    font-family: 'HelveticaNeue-Roman';
    color: #676767;
        width: 40%;
}

 #datepicker_out{float: right;}

 #datepicker_in {
    margin-right: 20px;
    float: left;
}

#comentarios {
    padding-top: 18px;
}

.datepick{width: 450px}
.datepick p{width:50%;}
.opciones div{width: 32%; display:inline-block;}
.opciones {margin-bottom: 20px;}
#formulario h3{margin-left: 80px; margin-top: 0px; margin-bottom: 45px;}

/* Enviado okk */
div.wpcf7-mail-sent-ok {
border: 0px solid #398f14;
margin-bottom: 55px;
color: #943574;
font-size: 24px;
font-family: 'HelveticaNeue-Md';
margin-left: -1em;
margin-top: 1em;
}

div.wpcf7-validation-errors {
border: 0px solid #398f14;
margin-bottom: 55px;
color: #943574;
font-size: 24px;
font-family: 'HelveticaNeue-Md';
margin-left: -1em;
margin-top: 1em;
}
span.wpcf7-not-valid-tip {
color: #E86A39;
font-size: 1em;
display: block;
font-family:'HelveticaNeue-Roman';
margin-top: -1em;
margin-bottom: 1em;
}

.edades p{margin-top: 10px;}
.edades {margin-top: 10px;}

#tarjetas {padding-top: 18px;}

.edades .combo-box{width:100%}

#formulario{height:auto;}

/*--------------------------------------- FIN FORMULARIO --------------------------------------------------*/


/*--------------------------------------- MEDIA QUERIES --------------------------------------------------*/



@media screen and (max-width : 767px) 
{
    h4{font-size: 31px;  margin-left: 0px !important;}
    p{font-size: 12px;}
    h3{font-size: 12px;}
    


    .col_1 {
    padding: 0px 75px;
    width: 450px;
}
    
    form {margin-left: 0px;}
    
    
    .form_item {
    width: 450px;
    }
    
    #datepicker_in, #datepicker_out {
    width: 190px;
    float: none;
    }
    
    form p{display: inline;}
    
    .opciones div{width: 90px;}
    
    form, form h1 {width: 450px}
    form h1 { font-size: 58px; }
    
    .btn_consultar {
        width: 100px;
        height: 43px;
        font-size: 24px;
        margin-top: 10px;
        background-size: contain;}
            
    

}









@media screen and (min-width : 768px) and (max-width : 1024px) 
{

    p{font-size: 12px;}
    h3{font-size: 12px;}
    
    form {margin-left: 40px; width: 100%;}
    
    form h1{font-size: 39px;}
    
    .btn_consultar {
        width: 100px;
        height: 43px;
        font-size: 24px;
        margin-top: 10px;
        background-size: contain;}
        
        .col_1 {
    padding: 0px 5.11%;
    width: 54.78125%;
    }
            
}

/* Large screens ----------- */
@media screen and (min-width : 1401px) {
    
    h4{font-size: 53px;}
    p{font-size: 16px;}
    h3{font-size: 20px;}
    
    
    form h1 {font-size: 64px;width: 376px;margin-bottom: 34px;}
    .form_item {height: 61px; margin-bottom: 26px;}
        
}





@media screen and (max-width : 540px) 
{
	
	body{overflow-x: hidden;}
	.col_1 {
    padding: 0px;
    width: 100%;
}

form {
    width: 94%;
}

form h1{width: 100%;
font-size: 36px;}
	
	
	#datepicker_in, #datepicker_out {
    width: 100%;}
	.datepick {
    width: 100%;
}

#tarjetas {
    padding-top: 10px;
    height: 80px;
}

#comentarios {
    padding-top: 10px;
    height: 149px;
}
	
	.form_item {
    width: 100%;
	font-size: 14px;
}

body{
    margin: 0px;
    width: 100%;}
	
	.opciones div {
    width: 32%;
}

.combo-box {width: 100%;}

#solicitar_boton {margin-top: 0px;}
}


/*--------------------------------------- FIN  MEDIA QUERIES --------------------------------------------------*/








/*--------------------------------------- CALENDARIO  --------------------------------------------------*/

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
 }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
    color: #222222;
}


.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    border: 0px;
    background-color: #ecebed;
}

.ui-widget-header a {
    color: #222222;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}



/*--------------------------------------- FIN  CALENDARIO --------------------------------------------------*/