﻿html,
body {
   margin:0;
   padding:0;
}

body
{
    padding: 0px;
    margin: 0px;
    font-family: arial;
    font-size: 12px;
    background-image: url('../images/franja-fondo.jpg');
    background-repeat: repeat-x;
    background-color: #E9A11E ;
    background-position: center;
    background-position: top;
}

#container {
   padding-bottom: 235px; 
   z-index: 0;
}

#containerFondo
{
   margin: 0 auto 0 auto;
   background-image: url('../images/fondo.png');
   background-repeat: no-repeat;
   width: 970px;
   min-height: 583px;
}

#containerTotal
{
 height: auto;
 margin: 0 auto 0 auto;
 width: 970px;
}

.contenedor
{
    width: 970px;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    margin:0px auto 0 auto;
}

.headerContenedor
{
    width: 970px;
    height: 107px;
}

.limpiar
{
    clear:both;
}


.flash
{
    float: left;
    height: 107px;
    width: 312px;
}


.flash
{
    float: left;
    height: 107px;
    width: 312px;
}

.contenedorMenuSuperior
{
    float: right;
    height: 107px;
    width: 658px;
}

.textoMenuSuperiorNormalBlanco
{
    font-size: 13pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
}

.textoBlancoCursiva
{
    font-size: 11pt;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
}

.textoNegroCursiva
{
    font-size: 11pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}


.separador{
margin-bottom: -15px;
margin-top:-5px;
}


.textoGris
{
    font-size: 10pt;
    vertical-align: middle;
    color: #797979;
}

.textoMenuSuperiorNormalNegro
{
    font-size: 13pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.textoHomeNormal
{
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.textoHomeNormalPeq
{
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.textoHomeNormalPeqBlanco
{
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}

.links
{
    text-decoration: none;
    background-color: transparent;
}

.textoHomeNormalBlanco
{
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
}

.textoHomeMediano
{
    font-size: 15pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.textoHomeGrandeNegro
{
    font-size: 18pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.textoHomeGrandeBlanco
{
    font-size: 18pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
}


.textoMenuSuperiorNormalNegro
{
    font-size: 13pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #000;
}

.espacioTexto
{
    padding-right: 20px;
}

/* inicio footer */


div.bannerIzquierda {
 margin: 0;
 position: fixed;
 right: auto;
 width: 8.5em;
 height: 540px;
} 

.contenedorCuadroCentroContactoArriba
{
 width:100px;
 height: 56px;
 margin: 0;
 padding: 0; 
}


div#footerContenedor {
	width:100%;
	bottom:0;
	left:0;
	height:208px;
	position:fixed;
}

div#footerNaranja {
	width:100%;
	bottom:0;
	left:0;
	height:30px;
	position:fixed;
	background-color: #E9661E;
}

div#footer {
	height:91px;
	margin:0px auto 0;
}

#contenedorIzquierdo
{
   width: 485px;
   margin: 0;
   padding:  20 0 0 0;
   float: left;
   vertical-align: top;
      
}

#contenedorCentro
{
   width: 970px;
   margin: 0;
   padding:  20 20 20 20;
   float: left;
   vertical-align: top;
   text-align: center;
   vertical-align: middle;
   height: 260px;
      
}
#contenedorCentroJustificado
{
   width: 970px;
   margin: 0;
   padding:  20 20 20 20;
   float: left;
   vertical-align: top;
   text-align: justify;
   vertical-align: middle;
   height: 1050px;      
}

.contenedorTexto
{
   margin-right: 27px;
   margin-left: 27px;
   margin-bottom: 20px;
   margin-top: 20px; 
}


.contenedorCuadro
{
 padding-bottom: 20px;
 padding: 0px 0px 0px 0px;
 margin:  0px 0px 0px 0px;
 width:431px; 
}

.contenedorCuadroArriba
{
 width:431px;
 height: 18px;
 margin: 0;
 padding: 0; 
}

.contenedorCurvaArribaCentroContacto
{
 width:100px;
 height: 21px;
 margin: 0;
 padding: 0; 
}

.contenedorCurvaArribaTituloCentroContacto
{
 width:90px;
 height: 46px;
 margin: 0;
 padding: 0; 
 background-image: url('../images/centroContacto/barra/barra-superior.png');
 background-repeat: no-repeat;
 font-family: Arial;
 color: #fff;
 font-size: 11pt; 
 padding-top: 10px;
 padding-left: 10px;
}


.contenedorCentroCuadro
{
 width:431px; 
 padding-bottom: 0px;
 padding-top: 0px;
 background-image: url('../images/rectangulo-medio.png');
 background-repeat: repeat-y;
}

.contenedorTextoCuadro
{
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 0px;
 padding-top: 0px;
 font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    vertical-align: middle;
    color: #fff;
}


#contenedorDerecho
{
   width: 485px;
   margin: 0;
   padding:  20 0 0 0;
   float: right;
   vertical-align: top;
   text-align: center;
}

#contenedorDerecho2
{
   width: 485px;
   margin: 0;
   padding:  20 0 0 0;
   float: right;
   vertical-align: top;
}

.menuComo
{
    float: left;
    margin-top: -137px;
    margin-left: 415px;
    font-family: Arial;
    color: #FFFFFF;
    font-weight: bold;
    display: none;
    
}
.menuComo2
{
    float: left;
    margin-top: -107px;
    margin-left: 532px;
    font-family: Arial;
    color: #FFFFFF;
    font-weight: bold;
    display: none;
    
}

.cuadroImagen
{
 width:186px;
 height: 102px;
 margin: 10px;
 padding: 10px;
 float: left;
}

.contenedorCuatroImagenes
{
 width:910px;
 margin: 10;
 padding: 10;
 text-align: center;
 margin: 0 auto 0 auto;
}

.contenedorTresImagenes
{
 width:680px;
 margin: 10;
 padding: 10;
 text-align: center;
 margin: 0 auto 0 auto;
}

.contenedorDosImagenes
{
 width:455px;
 margin: 10;
 padding: 10;
 text-align: center;
 margin: 0 auto 0 auto;
}

/* fin footer */

/*
#footer 
{
   position:absolute;
   bottom:0;
   width:100%;
   height:140px;
}

.contenedorCentrados
{
    width: 400px;
    text-align: center;
    margin: 0 auto 0 auto;
}

.lineaNegraArriba
{
    width: 100%;
    height: 5px;
    background-color: black;
}




 .contenedorBarraMenuSuperior
{
    clear: both;
    margin: 02;
    padding: 02;
    width: 702px;
}

.contenedorBarraMenuSuperiorImgIzq
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 57px;
}
 .contenedorBarraMenuSuperiorCentro
{
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-image: url(../images/menu-linea-azul.jpg);
    height: 57px;
}
.contenedorBarraMenuSuperiorImgDer
{
    float: right;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 57px;
}

.barra_vertical
{
    float:left;
    background-image: url(../images/menu-linea-blanca.jpg);
    width:3px;
    height:57px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    background-repeat: no-repeat;
}

.itemQuienes {
	height: 47px;
	width: 76px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 10px 5px 0px 0px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemBeneficios {
	height: 47px;
	width: 112px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 10px 4px 0px 5px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemAfiliese {
	height: 37px;
	width: 59px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 20px 5px 0px 4px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemAfiliados {
	height: 47px;
	width: 72px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 10px 5px 0px 5px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemContactenos {
	height: 37px;
	width: 95px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 20px 5px 0px 5px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemLogin {
		height: 37px;
	width: 45px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 20px 5px 0px 5px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.itemHome {
	height: 37px;
	width: 45px;
	overflow:hidden;
	display:block;
	position:relative;
	margin: 20px 0px 0px 5px;
	padding:0;
	float:left;
    vertical-align: middle;
    text-align: center;
}
.contenedorheadertituloMenu
{
    float: right;
}
a.menuArriba
{
    color: #ffffff;
    cursor: pointer;
	text-decoration: none;
	font-family: Arial;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
}
a.menuArriba:hover
{
    color: #002B80;
}
a.menuArriba:active
{
    color: #002B80;
}

div#footerContenedor {  
	width:100%;
	bottom:0;
	left:0;
	height:140px;
	font-family: Arial; 
	color: #FF1E00;  
	background-repeat:repeat-x;
    background-image: url('../images/franja-lado-abajo.jpg');
    background-color: #000000;
}

div#footerImagen {
	height:54px;
	margin:0 auto 0 auto;
	width: 970px;
}

div#contenidoFooter {
	margin: 0;
	padding: 0;
}

 .barraAbajo
{
    clear: both;
    height: 86px;
    width: 100%;
    padding-top: 10px;
    background-color: #000000;
    text-align: center;
    font-family: Arial;
    font-size: 11pt;
    color: #ffffff;
}

div#contenedorMenuFooter {
	height:30px;
	margin:0 auto 0 auto;
	width: 800px;
}

div#contenedorTextoFooter {
	height:50px;
	margin:0 auto 0 auto;
	width: 970px;
	color: White;
	   text-align: center;
    font-family: Arial;
    font-size: 10px;
}*/

/* fin footer */

/*
#contenedorIzquierdo
{
   width: 250px;
   margin: 0;
   padding:  20 0 0 0;
   float: left;
   vertical-align: top;
   min-height: 100%;
   height: auto;
    padding-bottom: 140px;
}

#contenedorDerecho
{
   width: 720px;
   margin: 0;
   padding:  20 0 0 0;
   float: right;
   vertical-align: top;
   min-height: 100%;
   height: auto;
}

.contenedorContenidoMenuLateral
{
    width: 250px;
    background-repeat: no-repeat;
    background-image: url('../images/foto-leche.png');
    background-color: #FFFFFF;
}

#noticias
{
    margin-top: 20px;
   padding-top: 20px; 
   width: 250px;
   padding-left: 20px;
}

.noticiasTitulo
{
   width: 212px;
   padding-top: 10px; 
   background-image: url('../images/franja-arriba.jpg');
   background-repeat: no-repeat;
   height: 22px;
   color: #ffffff;
   text-decoration: none;
   font-family: Arial;
   font-size: 17px;
   font-style: italic;
   font-weight: bold;
   text-align: center;
}

.noticiasContenido
{
   width: 192px;
   padding: 10px 10px 10px 10px;
   background-image: url('../images/franja-medio.jpg');
   background-repeat: repeat;
   color: #002B80;
   text-decoration: none;
   font-family: Arial;
   font-size: 12px;
   font-style: italic;
   text-align: left;
}

.titulosInternos
{
    width: 651px;
    height: 72px;
    background-repeat: no-repeat;
    background-image: url('../images/cintillo-titulo.jpg');
    padding: 10px 30px 0px 15px;
}

.titulosInternosGrandes
{
    width: 651px;
    height: 72px;
    background-repeat: no-repeat;
    background-image: url('../images/cintillo-titulo.jpg');
    padding: 0px 30px 0px 15px;
}

.textoTitulosInternos
{
    font-family: Arial;
    font-size: 13pt;
    font-style: italic;
    text-align: left;
    color: #C21E3A;
    font-weight: bold;
}

.contenedorInternoIzq
{
    width: 300px;
    float: left;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    color: #002B80;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    height: auto;
    padding-bottom: 140px;
}

.contenedorInternoDer
{
    width: 300px;
    float: right;
    padding: 10px 10px 10px 10px;
    margin-right: 60px;
    text-decoration: none;
    color: #002B80;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
    padding-bottom: 140px;
}*/

/** 
 * galeria pequeña.
 */
/*#slideshow {
	margin-left:-23px;
	width:720px;
	height: 196px;
	position:relative;
    top: 0px;
    left: 0px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:673px;
  height:196px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  top: 0px;
  left: 23px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:653px; *//* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  /*height:196px;
}*/

/** 
 * Slideshow controls style rules.
 */
/*.control {
  display:block;
  width:39px;
  height:196px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl
{
  top:0;
  left:0;
  background:transparent url(../images/flecha-izq-roja.png) no-repeat 0 0;
}
#leftControl:Hover
{
  background:transparent url(../images/flecha-izq-azul.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/flecha-dere-roja.png) no-repeat 0 0;
}
#rightControl:Hover
{
  background:transparent url(../images/flecha-dere-azul.png) no-repeat 0 0;
}

.cuadroIzq
{
    width: 212px;
    height: 128px;
    float: left;
    background-image1: url('../images/banner-chico.jpg');
    background-repeat1: no-repeat;
}

.cuadroDer
{
    width: 416px;
    height: 128px;
    float: left;
}

.textoCuadroIzq
{
    padding: 70px 20px 10px 20px;
    color: #002B80;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    text-align: left;
}

.textoInterno
{
    color: #002B80;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

.tablas
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    width: 500px;
    padding: 0px;
    margin: 0px;
}

.celdasIzq
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    width: 200px;
    padding: 5px;
}
.celdasDer
{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
    width: 300px;
    padding: 5px;
}
.textoCentrado
{
    text-align: center;
}


.contenedorContenido
{
    width: 970px;
    padding-top: 20px;
}

.contenedorContenidoTexto
{
    width: 700px;
    padding: 0px 10px 0px 10px;
}

.contenedorTexto
{
   width: 700px;
   padding: 0px 10px 0px 10px;
   text-decoration: none;
   font-family: Arial;
   font-size: 13pt;
   color: #002B80;
   font-style: italic;
}

.contenedorTextoInterno
{
   width: 600px;
   padding: 0px 50px 0px 50px;
   text-decoration: none;
   color: #002B80;
   text-decoration: none;
   font-family: Arial;
   font-size: 12px;
   text-align: left;
   padding-bottom: 140px;
   height: auto;
}

.textoRojo
{
   font-family: Arial;
   font-size: 15pt;
   font-weight: bold;
   color: #C21E3A ;
}


.espaciosMenu
{
    padding: 5px 0px 5px 0px;
}

.textoBlancoPeq
{
    font-family: arial;
    font-size: 10px;
    color: White;
}*/

/*Formulario Inicio*/
/*.camposDobles
{
    width: 600px;
    padding: 5px 5px 5px 5px;
}

.camposSimplesIzq
{
    width: 290px;
    padding-right: 10px;
    float: left;
}

.camposSimplesDer
{
    width: 290px;
     padding-left: 10px;
     float: right;
}

.camposAnchoDoble
{
    width: 600px;
}

.camposAnchoSimple
{
    width: 290px;
}*/

/*Formulario Fin*/