@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900&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:center;
overflow:hidden;
font-family: 'Roboto', sans-serif;
color:#040000;
font-size:13px;
background-color:#ffffff;
}

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

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

#cabecera{
width:100%;
height:152px;
text-align:left;
}

#izquierda_cabecera{
width:30%;
height:152px;
text-align:left;
float:left;
}

#derecha_cabecera{
width:62%;
height:152px;
text-align:right;
float:left;
color:#858585;
font-family: 'Heebo', sans-serif;
font-size:15px;	
}

#derecha_cabecera2{
width:8%;
height:152px;
text-align:center;
float:right;
}

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

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

.total_der{
width:100%;
overflow:hidden;
text-align:right;
}

.total50{
width:50%;
float:left;
margin-left:25%;
text-align:center;
overflow:hidden;
}

.mitad_izq{
width:48%;
float:left;
margin-left:0%;
text-align:left;
overflow:hidden;
}

.mitad_der{
width:48%;
float:right;
margin-left:0%;
text-align:left;
overflow:hidden;
}

.total60{
width:60%;
float:left;
margin-left:0%;
text-align:center;
overflow:hidden;
}

.total60_izq{
width:60%;
float:left;
margin-left:0%;
text-align:left;
overflow:hidden;
}

.total10_izq{
width:10%;
float:left;
margin-left:2%;
text-align:left;
overflow:hidden;
}

.total70{
width:70%;
float:left;
margin-left:15%;
text-align:left;
overflow:hidden;
}

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

.total80{
width:80%;
float:left;
margin-left:10%;
text-align:left;
overflow:hidden;
}

#pie{
height:125px;
width:100%;
background-color:#413f3f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:300;
color:#ffffff;
}

#pie_int{
height:125px;
width:90%;
float:left;
margin-left:5%;
background-position:bottom right;
background-repeat:no-repeat;
background-image:url('../images/fondo_pie.png');	
text-align:left;
}


#contenido{
width:100%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:left;
}

#contenido_cent{
width:100%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:center;
}

.barra_naranja{
width:100%;
height:38px;
background-color:#fc9420;
}

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

#noticia1{
width:30%;
float:left;
margin-left:0%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:center;
background-image:url('../images/not1.jpg');
background-position:bottom left;
background-repeat:no-repeat;
}

.noticia_larga{
width:100%;
float:left;
margin-left:0%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:center;
}

#noticia2{
width:30%;
float:left;
margin-left:5%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:center;
background-image:url('../images/not2.jpg');
background-position:bottom left;
background-repeat:no-repeat;
}

#noticia3{
width:30%;
float:left;
margin-left:5%;
overflow:hidden;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:14px;	
font-weight:400;
text-align:center;
background-image:url('../images/not3.jpg');
background-position:bottom left;
background-repeat:no-repeat;
}

#formulario{
width:100%;
overflow:hidden;
background-color:#fee8d0;
background-image:url('../images/logo_suber.jpg');
background-position:bottom right;
background-repeat:no-repeat;
min-height:277px;
color:#4f4f4f;
font-family: 'Heebo', sans-serif;
font-size:18px;	
font-weight:400;
}

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

/************************************/
/** de Suberlev **/
/************************************/

.formateado_left{
width:94%;
float:left;
margin-left:3%;
text-align:left;
}

.formateado_right{
width:94%;
float:left;
margin-left:3%;
text-align:right;
}

.izquierdon{
float:left;
width:67%;
overflow:hidden;	
}

.izquierdonJ{
float:left;
width:67%;
overflow:hidden;	
text-align:justify;
}

.derechon{
float:right;
width:30%;
overflow:hidden;	
}

.derechon_sub{
float:right;
width:30%;
overflow:hidden;	
border-left:solid 2px #013c47;
}


.izquierdonZ{
float:left;
width:48%;
overflow:hidden;
text-align:left;	
}

.izquierdon2_sub{
float:left;
width:30%;
overflow:hidden;
text-align:left;
border-right:solid 2px #013c47;	
}

.derechonZ{
float:right;
width:48%;
overflow:hidden;	
text-align:left;
}

.izquierdon2{
float:left;
width:30%;
overflow:hidden;	
}

.derechon2{
float:right;
width:67%;
overflow:hidden;	
}

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

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

.fila_encabezado{
	width:100%;
	overflow:hidden;
	text-align:left;
	font-weight:bold;
}

.columnaA{
	width:40%;
	overflow:hidden;
	float:left;
	text-align:left;
	font-weight:bold;
}

.columnaB{
	width:39%;
	overflow:hidden;
	float:left;
	margin-left:1%;
	text-align:left;
}

.columnaC{
	width:19%;
	overflow:hidden;
	float:left;
	margin-left:1%;
	text-align:left;
}

.aplicacion{
width:13%;
float:left;
margin-left:1%;
overflow:hidden;
text-align:center;
color:#676767;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-weight:normal;
font-size:16px;
font-weight:bold;
}

.circulo_aplicacion{
width:100%;
max-width:210px;
}

.aplicacionMIN{
width:7%;
float:left;
margin-left:1%;
overflow:hidden;
text-align:center;
color:#676767;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-weight:normal;
font-size:16px;
font-weight:bold;
}

#separador_slider{
clear:both;
width:100%;
height:80px;	
}

.cuadro_pulsador{
	height:60px;
	display:inline-block;
	background-color:#16a95a;
	color:#ffffff;
	font-family: 'Heebo', sans-serif;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	line-height:18px;
	text-decoration:none;
	cursor:pointer;	
}

.cuadro_pulsador:hover{
	
}

.separador_estandar{
	clear:both;
	width:100%;
	height:80px;
	
}

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

.frase_larga{
	background-color:#f1a948;
	width:100%;
	min-height:110px;
	overflow:hidden;
	color:#ffffff;
	font-family: 'Heebo', sans-serif;
	font-weight:bold;
	font-size:30px;
	text-align:center;
	font-style:italic;
	line-height:40px;
}

.centrada{
width:80%;
overflow:hidden;
float:left;
margin-left:10%;
text-align:center;
}

.casilla{
width:19%;
float:left;
margin-left:1%;
overflow:hidden;
color:#ffffff;
font-family: 'Heebo', sans-serif;
font-weight:normal;
font-size:20px;
text-align:center;
}


/****************************************************/
/***** 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;
}