@charset "UTF-8";
@import url("font_helvetica/helvetica.css");

body{font-family:helvetica_condensedmedium}

#header{width:100%;	height:auto;position:fixed;	top:0px;background-color:#fff;z-index:100;box-shadow:0 5px 10px #666;-webkit-box-shadow:0 5px 10px #666;-moz-box-shadow:0 5px 10px #666;}
.header_Ad{width: 90%;max-width: 990px;margin: auto;}

.menu{width:100%;height:60px; margin: 40px 0 0 0;}
.menu li{color:#583A21;float: left;padding:20px 0 0 15px;text-transform:uppercase;text-align:center;}
.menu li a{color:#583A21;text-decoration:none; font-size:17px;}
.menu li a:hover{color:#89c443;	text-shadow: -1px -1px #fff, 1px 1px #ccc;}

/****   WhatsApp   ****/
.btn-whatsapp {
    display: block;
    width: 306px;
    height: 100px;
    position: fixed;
    left: 5vw;
    top: 10vh;
    line-height: 80px;
    text-align: center;
    z-index: 10000;
}

/****   Facebook   ****/
#facebook{height:19px;width:20px}
#facebook span{
	/* Container properties */
	width:0;left:20px;padding:0;position:absolute;overflow:hidden;	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;-moz-transition: 0.25s;transition: 0.25s;
}
#facebook a{background: url(_imagenes/fb.jpg) no-repeat;height:19px;width:18px;display:block;position:relative;}

/* General hover styles */
#facebook a:hover span{	width:auto;	padding:0 5px 0 5px ;overflow:visible}
#facebook a:hover{height:19px;width:auto;text-decoration:none}
#facebook .icon-face span{color:#00549e}

/**/

#text{background-color:rgba(255, 255, 255, 0.85);padding:3% 0 20px 0}
#text p,#text h1{padding:0 20px 15px 20px}
#text h1{	font-size:200%;	text-transform:uppercase;text-shadow: -1px -1px #333, 1px 1px #f5f5f5}
#text p{color:#666;text-shadow: 1px 1px white;font-family:helvetica_condensedmedium}
#text p.subindice{width:90%;color:#666;font-family:helvetica_condensedmedium;font-size:85%;	margin-top:5%}
#text p a{color:#666;text-decoration:none}
#text p strong{ font-weight:normal;}
.tit-verde{color:#89c443}
.tit-gris{color:#626262}

p#segu{	width:50%;	margin:auto;font-size:150%;	padding:5px 20px 5px 75px;	background-image: url(_imagenes/icon_seguridad.png);background-repeat:no-repeat;background-position:left center}

#containerServ{	padding:5% 0 0 0}

/*  CONTACTO  */

#text .tele{margin:0 0 0 10px;padding:5px 0 5px 70px;background-image: url(_imagenes/icon_telefono.png);background-repeat:no-repeat;background-position:left top;}
#form1{	margin:10px auto}

.align-right{text-align:right}

label {	color: #666;padding:10px 0 0 20px;margin:0 10px;text-shadow: 1px 1px white;font-family:helvetica_condensedmedium}

.label-sub{color:#666;	text-align:center;padding:0;margin:0}

input, select {	margin: 5px 0;color:#333;padding:5px;background-color: rgba(255, 255, 255, 0.3);background: rgba(255, 255, 255, 0.3);border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
input::-webkit-input-placeholder  {color: #666;	}
	input:-moz-placeholder {color: #666;}
	input:focus, textarea:focus {color:#333;background-color: rgba(255, 255, 255, 0.7)}
	input[type=submit] {width: 185px; height: 52px; float: right; padding: 10px 15px; margin: 0 15px 0 0;	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;	border: 1px solid #556f8c;background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */cursor: pointer}

.btn-subm {-moz-box-shadow: 0px 10px 14px -7px #3e7327;-webkit-box-shadow: 0px 10px 14px -7px #3e7327;box-shadow: 0px 10px 14px -7px #3e7327;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);background-color:#77b55a;
	        -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;
	        border:1px solid #4b8f29;display:inline-block;color:#ffffff;font-weight:bold;padding:6px 12px;margin:0 50px 0 0;text-decoration:none;text-shadow:0px 1px 0px #5b8a3c;float:right;}
    .btn-subm:hover {
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
        background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
        background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
        background-color:#72b352;}
    .btn-subm:active {position:relative;top:1px;}

/*  AVISO  */
#aviso ol{width:30%;margin:10px 10%;list-style: disc;list-style-position:inside;float:left;	line-height:1.5em;color:#666;}
#aviso ol ul{margin-left:10%}
#aviso p{margin-top:2px;clear:both}
	
/*  FOOTER  */
p#footer_ind{position:fixed;bottom:0;padding:10px 0;background-color:rgba(255,255,255,0.6);	width:100%;	color:#666;font-family:helvetica_condensedmedium;	font-size:80%;	text-align:center;}
p#footer, .footer{float:left;clear:both;width:88%;margin:30px 0 0 0;color:#666;	font-family:helvetica_condensedbold;font-size:80%;	padding:0;	text-align:center}
p#footer a, .footer a, p#footer_ind a{color:#666;text-decoration:none}
p#footer a:hover, p#footer_ind a:hover, .footer a:hover{color:#000;text-decoration: underline}

/******   MEDIA QUERYS   ******/

/* old Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
    /* Styles */
	#header{position: absolute;}
	label{float:left;clear:both;}
	input, select, .separador{float:left;vertical-align:middle;	}
	label.label-sub{float:left;clear:none;vertical-align:middle;	}
	

    /* iPhone 4 ----------- */
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
    }
	
    /* Desire + Galaxy S2 (portrait and landscape) ----------- */
    @media only screen
    and (min-device-width : 480px)
    and (max-device-width : 800px) {
    /* Styles */
	#header{position:relative;}
	label{float:left;clear:both;}
	input, select, .separador{float:left;vertical-align:middle;	}
	label.label-sub{float:left;clear:none;vertical-align:middle;}
	.menu{clear:both;}
    }