/*---------------------------------------------------------------------- */
/* Smartphones (portrait) ---------------------------------------------- */
/*---------------------------------------------------------------------- */
@media only screen and (max-width : 480px) {
.main { width:90%; margin:0 auto; }
#top { margin-top:0px; }
#nav { display:none; }
#menucito_back { display:block;	}

/* Home ---------------*/
#inicio {
	background-image: url(img/SV_estudio_juridico_contable_mobile.jpg);
	}
	
/* Quienes somos ---------------*/
#quienes {
	height:auto;
	}
#quienes .colum {
	width:100%;
	padding:5%;
	height:auto;
	}
#quienes .colum-foto {
	height:400px;
	}
#quienes .button1,
#quienes .button2 {
	width:100%;
	float:left;
	height:100px;
	}
/* Area Contable ---------------*/
#contable {
	background-color:#C8E2DD;
	background-image:none;
	}
#contable .colum {
	width:100%;
	height:auto;
	}
#contable .colum-foto {
	height:400px;
	display:block;
	}
/* Area Juridica ---------------*/
#juridica {
	background-color:#C6C5C6;
	background-image:none;
	}
#juridica .colum {
	width:100%;
	height:auto;
	padding:10% 7%;
	}
#juridica .colum-foto {
	height:400px;
	display:block;
	}
/* Contacto ---------------*/
#contacto {
	height:auto;
	}
#contacto .foto {
	display:none;
	}
#contacto .foto2 {
	display:block;
	}
#contacto .colum {
	width:100%;
	}
#contacto .colum .logo {
	width:100%;
	padding:0 0 30px 0;
	text-align:center;
	}
#contacto .colum .logo img {
	width:50%;
	height:auto;
	}
#contacto .datos {
	width:100%;
	margin-bottom:50px;
	}
#contacto .enviar {
	float:right;
	margin-left:0px;
	padding:15px 40px;
	}
#contacto .reset {
	float:left;
	margin-left:0px;
	padding:15px 40px;
	}
#contacto .footer {
	text-align:center;
	}



}



/*-------------------------------------------------------------------- */
/* Smartphones: landscape + ipads:portrait --------------------------- */
/*-------------------------------------------------------------------- */
@media only screen and (min-width : 481px) and (max-width : 767px) {
.main { width:90%; margin:0 auto; }
#top { margin-top:0px; }
#nav { display:none; }
#menucito_back { display:block;	}

/* Home ---------------*/
#inicio {
	background-image: url(img/SV_estudio_juridico_contable_mobile.jpg);
	}
/* Quienes somos ---------------*/
#quienes {
	height:auto;
	}
#quienes .colum {
	width:100%;
	padding:5%;
	height:auto;
	}
#quienes .colum-foto {
	height:400px;
	}
#quienes .button1,
#quienes .button2 {
	width:100%;
	float:left;
	height:100px;
	}
/* Area Contable ---------------*/
#contable {
	background-color:#C8E2DD;
	background-image:none;
	}
#contable .colum {
	width:100%;
	height:auto;
	}
#contable .colum-foto {
	height:400px;
	display:block;
	}
/* Area Juridica ---------------*/
#juridica {
	background-color:#C6C5C6;
	background-image:none;
	}
#juridica .colum {
	width:100%;
	height:auto;
	padding:10% 7%;
	}
#juridica .colum-foto {
	height:400px;
	display:block;
	}

/* Contacto ---------------*/
#contacto {
	height:auto;
	}
#contacto .foto {
	display:none;
	}
#contacto .foto2 {
	display:block;
	}
#contacto .colum {
	width:100%;
	}
#contacto .colum .logo {
	width:100%;
	padding:0 0 30px 0;
	text-align:center;
	}
#contacto .colum .logo img {
	width:200px;
	height:auto;
	}
#contacto .datos {
	width:100%;
	margin-bottom:50px;
	}
#contacto .enviar {
	float:right;
	margin-left:0px;
	padding:15px 40px;
	}
#contacto .reset {
	float:left;
	margin-left:0px;
	padding:15px 40px;
	}
#contacto .footer {
	text-align:center;
	}



}


/*------------------------------------------------------------------ */
/* iPads (landscape) ----------------------------------------------- */
/*------------------------------------------------------------------ */
@media only screen and (min-width : 768px) and (max-width : 1023px) {
body, html { font-size: 16px; }
.main { width:90%; margin:0 auto; }
#top { margin-top: 0px; }
#nav { display:none; }
#menucito_back { display:block;	}

/* Quienes somos ---------------*/
#quienes .colum {
	line-height: 150%;
	}
/* Contacto ---------------*/
#contacto {
	height:auto;
	}
#contacto .colum {
	width:100%;
	}
#contacto .colum .logo {
	width:100%;
	padding:0 0 30px 0;
	text-align:center;
	}
#contacto .colum .logo img {
	width:200px;
	height:auto;
	}
#contacto .datos {
	width:100%;
	margin-bottom:50px;
	}
#contacto .footer {
	text-align:center;
	}


	
	



}



/*------------------------------------------------------------------ */
/* Desktops and laptops -------------------------------------------- */
/*------------------------------------------------------------------ */
@media only screen and (min-width : 1024px) and (max-width : 1100px) {
#nav .menu a {
	padding:0px 0px 0px 35px;
	}
#quienes .colum {
	line-height: 150%;
	}
#contacto {
	height:auto;
	}
#contacto .colum .logo {
	display:none;
	}
#contacto .datos {
	width:100%;
	}


}