/* =====================================
   FONT FACE
   ===================================== */
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ======================================
   GENERAL
   ====================================== */
body, html {
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
    font-family: 'Gentium Book Basic', serif;
	font-size: 18px;
	font-weight: 400;
	color:#55565A;
	height:100%;
	}
html { -webkit-text-size-adjust: 100%;	}
img { border: 0px; }
a {	text-decoration: none; color:#55565A;}
strong { font-weight: 600; }
p { padding:0; margin: 0}
* {
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}

/* ====================================
   ENCABEZADO
   ==================================== */
#top {
	width:100%;
	height: 80px;
	position: fixed;
	z-index:9900;
	background-color:#1E988A;
	}
.logo {
	float:left;
	padding:16px 0px;
	}
#nav {
	float:right;
	padding:28px 0px 0px 0px;
	text-align:left;
	}
#nav .menu {
	float:left;
	display:block;
	}
#nav .menu a {
	float:left;
	display:block;
	padding:0px 0px 0px 50px;
	color:#FFF;
	font-family: 'Archivo', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:20px;
	letter-spacing: 0.08em;
	}
#nav .menu a:hover,
#nav .menu .active {
	color:#55565A;
	}
		
#menucito_back {
	float:right;
	padding:30px 0px 0px 0px;
	text-align:left;
	display: none;
	}


/* ======================================
   SECCIONES
   ====================================== */
.main {
	width:93%;
	padding:0;
	margin:0 auto;
	clear:both;
	}

/* CONTENIDOS ============================ */
/* Home ---------------*/
#inicio {
	width:100%;
	color:#fff;
	background-image: url(img/SV_estudio_juridico_contable.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:100%;
	}

/* Quienes somos ---------------*/
#quienes {
	width:100%;
	background-color:#6E6E72;
	height:100%;
	overflow:auto;
	color:#fff;
	}
#quienes .colum {
	width:50%;
	float:left;
	height:82%;
	padding:5%;
	line-height:170%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	}
#quienes .colum-foto {
	background-image: url(img/SV_quienes_somos.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
#quienes .button1,
#quienes .button2 {
	width:50%;
	float:left;
	height:18%;
	background-color:#C8E2DD;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	color:#6E6E72;
	font-family: 'Archivo', sans-serif;
	font-size:28px;
	font-weight:300;
	letter-spacing: 0.08em;
	}
#quienes .button2 {
	background-color:#ACABAD;
	}
	
#quienes .button1 a:hover,
#quienes .button2 a:hover {
	color:#1E988A;
	}


/* Area Contable ---------------*/
#contable {
	width:100%;
	/*background-color:#C8E2DD;
	height:100%;*/
	overflow:auto;
	color:#55565A;
	background-image: url(img/sv_area_contable.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
#contable .colum {
	width:50%;
	float:right;
	height:100%;
	padding:10% 7%;
	font-size:18px;
	line-height:150%;
	}
#contable .colum span {
	font-family: 'Archivo', sans-serif;
	font-size: 26px;
	font-weight:300;
	letter-spacing: 0.08em;
	text-align:left !important;
	}
#contable .colum-foto {
	background-image: url(img/sv_area_contable2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display:none;
	}


/* Area Juridica ---------------*/
#juridica {
	width:100%;
	/*background-color:#C6C5C6;
	height:100%;*/
	overflow:auto;
	color:#55565A;
	background-image: url(img/sv_area_juridica.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	}
#juridica .colum {
	width:50%;
	float:left;
	height:100%;
	padding:5%;
	font-size:18px;
	line-height:150%;
	}
#juridica .colum span {
	font-family: 'Archivo', sans-serif;
	font-size: 26px;
	font-weight:300;
	letter-spacing: 0.08em;
	text-align:left !important;
	}
#juridica .colum-foto {
	background-image: url(img/sv_area_juridica2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display:none;
	}


/* Contacto ---------------*/
#contacto {
	width:100%;
	/*height:95%;*/
	background-color:#1E988A;
	overflow:auto;
	font-size:21px;
	color:#fff;
	font-family: 'Archivo', sans-serif;
	letter-spacing: 0.08em;
	}
#contacto .main {
	width:90%;
	overflow:auto;
	}
#contacto .foto,
#contacto .foto2 {
	width:100%;
	padding-bottom:60px;
	}
#contacto .foto2 {
	display:none;
	}
#contacto .foto img,
#contacto .foto2 img {
	width:100%;
	height:auto;
	}
#contacto .colum {
	float:left;
	width:48%;
	overflow:auto;
	}
#contacto .colum .logo {
	float:left;
	padding:0;
	}
#contacto .der {
	float:right !important;
	border-bottom:2px solid #55565A;
	border-top:2px solid #55565A;
	padding-top:10px;
	color:#55565A;
	}
#contacto .datos {
	float:right;
	width:50%;
	border-bottom:2px solid #fff;
	border-top:2px solid #fff;
	padding:10px 0px 20px 0px;
	}
#contacto .datos a {
	color:#fff;
	display:block;
	padding:7px 0px;
	}
#contacto .wapp,
#contacto .ig,
#contacto .fb {
	display:block;
	background-repeat: no-repeat;
	background-position: left center;
    background-size: 23px 23px;
	padding:7px 0px 7px 30px !important;
	}
#contacto .wapp {
	background-image: url(img/wapp.svg);
	}
#contacto .ig {
	background-image: url(img/ig.svg);
	}
#contacto .fb {
	background-image: url(img/fb.svg);
	}

input, textarea, select, label {
	font-family: 'Archivo', sans-serif;
	letter-spacing: 0.08em;
	font-size:21px;
	-webkit-appearance: none;
	}
#contacto input,
#contacto textarea  {
	display:block;
	width:100%;
	float:left;
	border:none;
	outline: none;
	-webkit-appearance: none;
	padding:7px 0px;
	background-color:#1E988A;
	color:#55565A;
	}
#contacto textarea  {
    height: 117px;
    }
#contacto input:focus,
#contacto textarea:focus {
	border:1px solid #55565A;
	}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #55565A;
	opacity: 1; /* Firefox */
	}
#contacto .enviar,
#contacto .reset {
	float:right;
	font-size:15px;
	color:#1E988A;
	background-color:#fff;
	width:auto;
	padding:15px 50px;
	margin-left:20px;
	-webkit-appearance: none;
	}
#contacto .reset {
	color:#fff;
	background-color:#55565A;
	}
#contacto .enviar:focus,
#contacto .reset:focus {
	border:none;
	}
	
#contacto .footer {
	font-family: 'Gentium Book Basic', serif;
	font-size: 18px;
	width:90%;
	padding:0;
	margin:0 auto;
	clear:both;
	color:#55565A;
	letter-spacing: 0.04em;
	padding:60px 0px;
	text-align:right;
	}