@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body{
margin:0;
padding:0;
background-color:#ffffff;
}

#global{
width:100%;
height:100%;
margin:0px;
border:0px;
padding:0px;
text-align:left;
}

#web{
width:100%;
text-align:left;
overflow:hidden;
font-family: 'Quattrocento Sans', sans-serif;
color:#040000;
font-size:13px;
background-color:#ffffff;
}

.total{
width:100%;
overflow:hidden;
}

.total_izq{
width:100%;
overflow:hidden;
text-align:left;
}

.total_negro{
width:100%;
overflow:hidden;
background-color:#000000;
text-align:center;
}

.total_cent{
width:100%;
overflow:hidden;
text-align:center;
}

.encuadrado{
width:50%;
float:left;
margin-left:25%;
text-align:center;
border-top:solid 3px #1b88a0;
border-bottom:solid 4px #0b8099;
display:block;
overflow:hidden;
font-family: 'Quattrocento Sans', sans-serif;
color:#393b3c;
font-size:18px;
font-weight:400;
}

.totalcentletra{
float:left;
width:70%;
margin-left:15%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:18px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:center;
}


.cuadroA{
float:left;
width:22%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:18px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:left;
}

.cuadroAB{
float:left;
width:50%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:16px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:left;
}

.cuadroABC{
float:left;
width:30%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:16px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:left;
margin-right:3%;
}

.blog{
float:left;
width:78%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:14px;
font-weight:400;
overflow:hidden;
text-align:left;
}

.noticia{
float:left;
width:40%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:14px;
font-weight:400;
overflow:hidden;
text-align:left;
margin-right:10%;
border-bottom:solid 4px #0b8099;
}

.blogB{
float:right;
width:20%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:16px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:right;
}

.cuadroBC{
float:right;
width:45%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:18px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:right;
}

.cuadroB{
float:left;
width:22%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:18px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:left;
margin-left:3%;
}

.cuadroC{
float:left;
width:22%;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:18px;
font-weight:400;
font-style:italic;
overflow:hidden;
text-align:left;
margin-left:6%;
}

.web_int{
float:left;
width:90%;
margin-left:5%;
text-align:left;
overflow:hidden;
}

.web_intD{
float:left;
width:90%;
margin-left:5%;
text-align:right;
overflow:hidden;
}

.web_int70{
float:left;
width:78%;
margin-left:11%;
text-align:left;
overflow:hidden;
overflow:hidden;
}


#cabecera{
width:100%;
height:138px;
background-color:#0b8099;
}

#cabecera_izq{
width:65%;
height:138px;
float:left;
margin-left:5%;
text-align:left;
}

#cabecera_der{
width:28%;
height:138px;
float:right;
text-align:right;
}

.linea_blanca{
width:100%;
background-image:url('../images/linea_blanca.jpg');
background-position:top left;
background-repeat:repeat-x;
height:7px;
}

.linea_azul{
width:100%;
background-color:#0b8099;
height:7px;
}

#pie{
width:100%;
background-color:#9d9d9c;
overflow:hidden;
text-align:center;	
font-family: 'Quattrocento Sans', sans-serif;
color:#ffffff;
font-size:13px;
}

.servicio{
width:20%;
overflow:hidden;
text-align:center;
float:left;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:15px;
}

.abogado{
width:25%;
overflow:hidden;
text-align:center;
float:left;
font-family: 'Quattrocento Sans', sans-serif;
color:#010101;
font-size:15px;
font-weight:400;
}

/*---------------------------------------------------------*/



/****************************************************/
/***** Estilos Carrusel *****************************/

#carrusel-container {
width:749px;
max-width:749px;
max-height:176px;
overflow: hidden;
float:left;
}

#carrusel-container ul {
list-style:none;
position: relative;
margin: 0px;
padding: 0px;
}

#carrusel-container li {
width:100%;
max-width:749px;
max-height:176px;
position: relative;
}