@charset "utf-8";

@media screen and (max-width : 480px) {
#miVentana{
	left:1%;
}
        #desktop{
	        display:none;
	        }
        #movil{
	        display: block; 
	        }	
        #filete-desktop{
	        display:none;
	        }
        #filete-movil{
	        display: block; 
	        }	
        #corporativa-desktop{
	        display:none;
	        }
        #corporativa-movil{
	        display: block; 
	        }	
        #miVentana{
	        width:450px;
	        }
        #Bases{
	        width:450px;
	        }	
        #imagen-desktop{
	        display:none;
	        }	
        #imagen-movil{
	        display:blok;
			width:100%;
	        }	
			 #imagen-tablet{
	 	        display:none;
			 }		
		#formulario{
			min-width:100%;
		}
}
@media screen and (min-width : 480px){
#miVentana{
	left:30%;
}
        #movil{
	        display:none;
	        }
        #desktop{
	        display: block; 
	        }	
        #filete-desktop{
	        display:block;
	        }
        #filete-movil{
	        display: none; 
	        }		
        #corporativa-desktop{
	        display:block;
	        }
        #corporativa-movil{
	        display: none; 
	        }		
        #miVentana{
	        width:850px;
			
	        }
        #Bases{
	        width:850px;
			height:700px;
	        }	
        #imagen-movil{
	        display:none;
	        }	
			 #imagen-tablet{
	 	        display:none;
			 }
        #imagen-desktop{
	        display:blok;


 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 720px; width: 100%; margin: 0 auto; background-position: 100% 100%; background-size:contain; background-repeat:no-repeat;
			
	        }																	
		#formulario{
			 min-width:320px;
		}
			
									
 }


/* CSS Document */



/* CSS Document */

/* ---------- FONTAWESOME ---------- */
/* ---------- http://fortawesome.github.com/Font-Awesome/ ---------- */
/* ---------- http://weloveiconfonts.com/ ---------- */

@import url(http://weloveiconfonts.com/api/?family=fontawesome);

/* ---------- ERIC MEYER'S RESET CSS ---------- */
/* ---------- http://meyerweb.com/eric/tools/css/reset/ ---------- */

@import url(http://meyerweb.com/eric/tools/css/reset/reset.css);

/* ---------- GENERAL ---------- */





/* ---------- LOGIN ---------- */

#login {
	margin: 20px auto;
	width: 320px;
font-family: 'Raleway', sans-serif;
	  font-size:14px;
	  padding-right:50px;
}





 input[type="text"],[type="phone"] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	color: #777;
	padding: 4px 10px;
	width: 270px;
}

select  {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	color: #777;
	padding: 4px 10px;
	width: 270px;
	height:30px;
}



input[type="submit"] {
	background-color: #33cc77;
	color: #fff;
	display: block;
	margin: 0 auto;
	padding: 4px 0;
	width: 150px;
	font-size:18px;
}




.imagenes {
    max-width: 80%;	
    height: auto;
}

.portada_estetica{
   background: url(images/estetica.png) no-repeat;
   background-position: 50% 50%;
    background-size: contain;
   height: 100%;
   width: 100% ;
   text-align: center;
   float:left;
 
}
.portada_aeronautica{
   background: url(images/aeuronautica.png) no-repeat;
      background-position: 50% 50%;
    background-size: contain;
   height: 100%;
   width: 19% ;
   text-align: center;
   float:left;
 
}
.portada_salud{
   background: url(images/salud.png) no-repeat;
      background-position: 50% 50%;
    background-size: contain;
   height: 100%;
   width: 19% ;
   text-align: center;
   float:left;
 
}
.portada_veterinaria{
   background: url(images/veterinaria.png) no-repeat;
      background-position: 50% 50%;
    background-size: contain;
   height: 100%;
   width: 19% ;
   text-align: center;
   float:left;
 
}
.portada_deporte{
   background: url(images/deporte.png) no-repeat;
      background-position: 50% 50%;
    background-size: contain;
   height: 100%;
   width: 19% ;
   text-align: center;
   float:left;
 
}

.TextoGracias {
    display: table;
font-family: 'Raleway', sans-serif;
  font-size:14px;	
}

.contenedorTexto {
    display: table;
    width: 100%; /* anchura del padre */
    height: 125%; /* altura del padre */
    overflow: hidden;
}
.contenedorTexto .text{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
	color:#FFF;
font-family: 'Raleway', sans-serif;
  font-size:14px;


}
.contenedorTexto .text a{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: auto;
	color:#FFF;
font-family: 'Raleway', sans-serif;
  font-size:14px;
  text-align:center;	
	  text-decoration:none;
}
.contenedorCTA1 {
    display: table;
    width: 100%; /* anchura del padre */
    height: 125%; /* altura del padre */
    overflow: hidden;
}
.contenedorCTA1 .text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
	color:#FFF;
font-family: 'Raleway', sans-serif;
  font-size:14px;

}
.filete_salud{
	vertical-align:middle;
	background-color:#69a9df;
font-family: 'FontAwesome', sans-serif;
  font-size:14px;
  color: #fff;
  height:100px;	
}
.filete_veterinaria{
	vertical-align:middle;
	background-color:#dc9122;
font-family: 'FontAwesome', sans-serif;
  font-size:14px;
  color: #fff;
  height:100px;	
}
.filete_deporte{
	vertical-align:middle;
	background-color:#a1c038;
font-family: 'FontAwesome', sans-serif;
  font-size:14px;
  color: #fff;
  height:100px;	
}
.filete_aero{
	vertical-align:middle;
	background-color:#49619e;
font-family: 'FontAwesome', sans-serif;
  font-size:14px;
  color: #fff;
  height:100px;	
}
.filete_estetica{
	vertical-align:middle;
	 background-color:#E6007D;
font-family: 'FontAwesome', sans-serif;
  font-size:28px;
  color: #fff;
  height:100px;	
}

.foto_area{
background: no-repeat fixed;
background-position:right;
background-size: auto;
}