/*
 *
 * Template Name: Andia
 * Template URI: http://azmind.com
 * Description: Andia - Responsive Agency Template
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */


body {
    background: #fff;
    text-align: center;
    font-family: 'Helvetica', 'Arial', 'sans-serif';
    color: #666;
    font-size: 12px;
}


.obligatorio{
	color:#900;
	font-size:10px;
	
	}
	
input[type="submit"] {
    display: inline-block; min-height: 34px; 
    line-height: 34px; padding: 0px 20px;color: #FFF !important; background-color:#06F; 
    font-size: 12px; font-weight:bold;  
    text-decoration: none; margin-top: 20px; border-radius:6px;}	
	
.campo_form{
	font-family:Century Gothic, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	font-size:16px; 
	color:#FF6600
	
}

.textareaContainer {
    display: block;
    border: 3px solid #38c;
    padding: 10px;
}

textarea { width: 100%; margin: 0; padding: 0; border-width: 0; }	
	

/********** ----- CONTACT PAGE ----- **********/

/* ----- Form ----- */

.contact-us {
    margin-top: 20px;
    padding-bottom: 50px;
    text-align: left;
}

.contact-us h4 {
    margin-top: 25px;
    padding: 0 20px;
    font-family: 'Gotham-Light', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #5d5d5d;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.7);
}

.contact-us p {
    padding: 0 20px;
    line-height: 28px;
    font-size: 14px;
}

.contact-form {
    padding: 10px 0;
}

.contact-form a{
    color: #0007B0;
}

.contact-form a:hover{
    color: #5D5D5D;
}


.contact-form p {
    margin-top: 15px;
}

.contact-us form {
    margin-top: 25px;
    padding: 0 20px;
}

.contact-us form input, .contact-us form textarea {
    
    
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Gotham-Light', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 14px;
    font-style: italic;
}

.contact-us form input:focus, .contact-us form textarea:focus {
    border: 1px solid #bbb;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.contact-us form textarea {
    height: 160px;
}

.contact-us form button {
    width: 120px;
    height: 30px;
    margin-top: 15px;
    background: #0007B0;
    border: 0;
    font-family: 'Gotham-Light', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    -moz-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 1px 25px 0 rgba(0,0,0,.05) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.contact-us form button:hover {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fad320;
}

.contact-us form button:active {
    -moz-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    -webkit-box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
    box-shadow:
        0 5px 10px 0 rgba(0,0,0,.15) inset,
        0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.contact-us form label {
    margin-top: 10px;
    font-size: 16px;
}

.contact-us form input:-moz-placeholder, .contact-us form textarea:-moz-placeholder { color: #ccc; }
.contact-us form input:-ms-input-placeholder, .contact-us form textarea:-ms-input-placeholder { color: #ccc; }
.contact-us form input::-webkit-input-placeholder, .contact-us form textarea::-webkit-input-placeholder { color: #ccc; }






/* ----- Media queries ----- */

@media (min-width: 980px) and (max-width: 1200px) {

    
	.contact-form span7 {
        max-width: 600px;
    }
	
	.flex-caption {
        max-width: 700px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
    .textoFooter{
    width: 40% !important;
    }
    .contactoFooter{
        float: right;
        width: 30%;
    }
    .imgFooter{
        width: 20%;
        padding-top:6%;
    }

ul.portfolio-img.hoteles li div{
    height: 250px !important;
} 

ul.portfolio-img.restaurantes li div{
    height: 270px !important;
} 

}

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

	.header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        max-width: 500px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }
    .textoFooter{
    width: 55% !important;
    }
    .contactoFooter{
        float: right;
        width: 35%;
    }
    .imgFooter{
    display: none;
    }
    .header ul.nav li a {
        height: auto;
    }


ul.portfolio-img.hoteles li div{
    height: 220px !important;
} 

ul.portfolio-img.restaurantes li div{
    height: 310px !important;
} 
.flexslider {
    border:7px solid #FFF;
}
.flex-prev, .flex-next{
    display: block !important;
}

}









@media (max-width: 767px) {


    .imagen {
		width:100% !important;
	}
	
	body {
        padding-left: 0;
        padding-right: 0;

    }

    .slider, .what-we-do, .portfolio {
        padding: 0 20px;
    }

    .what-we-do {
        margin-top: 30px;
    }

    .header ul.nav li a {
        padding: 15px 20px 15px 20px;
        font-weight: normal;
        text-align: left;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .header ul.nav li.current-page a {
        padding-top: 15px;
    }

    .header ul.nav li a i, .header ul.nav li a br {
        display: none;
    }

    .flex-caption {
        display: none;
    }

    .presentation, footer, .testimonials {
        padding-left: 20px;
        padding-right: 20px;
    }

    .presentation p {
        line-height: 30px;
    }

    .what-we-do .service p, .portfolio .work p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .what-we-do .service .icon-awesome {
        padding-top: 10px;
    }

    .page-title p {
        display: block;
        margin-top: 10px;
        margin-left: 20px;
    }

    .call-to-action-text {
        padding-bottom: 30px;
    }

    .call-to-action-text .ca-text {
        padding: 0 35px;
    }

    .call-to-action-text .ca-button {
        margin-top: 10px;
    }

    .portfolio-page {
        padding-bottom: 50px;
    }

    .tweet_list {
        height: 6em;
    }
    .textoFooter{
    width: 100% !important;
    }
    .contactoFooter{
    float: left;
    width: 100%;
    }
    .imgFooter{
    display: none;
    }
     .violet img{
        display: none;
    }
    .navbar{
        padding-left:20px;
        padding-right:20px; 
    }
    .header ul.nav li a {
        height: auto;
    }


    ul.portfolio-img.hoteles li div{
    height: auto !important;
} 

ul.portfolio-img.restaurantes li div{
    height: auto !important;
} 
.flexslider {
    border:6px solid #FFF;
}
.flex-prev, .flex-next{
    display: block !important;
}
footer .widget{
    border-bottom: 1px dashed #ccc;
}

}

@media (max-width: 480px) {

    .imagen {
		width:100% !important;
	}
	
	.tweet_list {
        height: 10em;
    }
    .textoFooter{
    width: 100% !important;
    }
    .contactoFooter{
    float: left;
    width: 100%;
    }
    .imgFooter{
    display: none;
    }
    .violet img{
        display: none;
    }
    .navbar{
        padding-left:20px;
        padding-right:20px; 
    }
    .header ul.nav li a {
        height: auto;
    }

ul.portfolio-img.hoteles li div{
    height: auto !important;
} 

ul.portfolio-img.restaurantes li div{
    height: auto !important;
} 

.flexslider {
    border:3px solid #FFF;
}
.flex-prev, .flex-next{
    display: none !important;
}

}