/* Hoja de estilos Web SOGASERSO */

@charset "utf-8";

body  {
	background: #CFEAFB;
	font: 100% Georgia, serif;
	margin: 0;
	text-align: center; 
	color: #333333;
   padding: 10px 0 10px 0;
}

img {
	border: 0px;
}

#pagina { 
	width: 673px; 
	background: #FFFFFF;
	color: #333333;
	margin: 0 auto; 
	border-left: 1px solid #00ADEF;
	border-right: 1px solid #00ADEF;
	text-align: left;
} 

#pagina2 { 
	width: 673px; 
	height: 800px;
	background: #FFFFFF;
	color: #333333;
	margin: 0 auto; 
	border-left: 1px solid #00ADEF;
	border-right: 1px solid #00ADEF;
	text-align: left;
}


#pagina #cabecera{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
#pagina #cabecera h1{
	display: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
#pagina #cabecera #logotipo{
	float: left;
	background-image: url(wimg/logo.gif);
	width: 230px;
	height: 211px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
#pagina #cabecera #galeria{
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
#pagina #cabecera #galeria object{
	width: 440px;
	height: 211px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}
#pagina #cabecera h2{
	display: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

#pagina #menu {
	clear: both;
 	height: 20px;
/*	background: #E2F4FD; */
	margin: 0 0 0 0;
	padding: 10px 0 3px 0;	
}
#pagina #menu ul{
	list-style: none;
	margin: 0;
	padding: 6px 0 0 0;
}
   	 
#pagina #menu li{
		float: left;
		margin: 0;
		padding: 5px 0 0 20px;
	 }

#pagina #menu li a {	 
	 	font-family: Georgia;
		font-size: 16px;
		color: #006990;
		text-decoration: none;
}

#pagina #menu p{	 
	 	font-family: Georgia;
		font-size: 16px;
		color: #006990;
		text-decoration: none;
		padding: 0 0 0 10px;
		text-decoration: underline;
}

#pagina #menu li a:hover{	 
	 	font-family: Georgia;
		font-size: 18px;
		color: #76A4C2;
		text-decoration: underline;
}

#pagina #contenido {
	margin: 0 0 0 0;
	padding: 0 0 0 0;		
}
#pagina #contenido #contenido_izq {
/* float: left; */
	position: relative:
	top: 0px;
	left: 0px;
	width: 480px;
	height: 740px;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
}

#pagina #contenido #contenido_der {
	position: relative;
	bottom: 730px;
	left: 470px;
	margin: 0 0 0 0;
/*	padding: 23px 0 0 0;		*/
}

#contenido_der ul li{
	list-style: none;
	text-decoration: none;
	padding: 0 0 8px 0;
}

.sup{
	padding: 3px 0 3px 0;
}

#contenido_der ul.faq li {
	border: 1px solid #0095ca;
	width: 150px;
	margin: 10px 0 0 0;
	background: #0095ca;
	padding: 2px 0 0 3px;
}

#contenido_der ul.nuevo li {
	border: 1px solid #0095FF;
	width: 150px;
	margin: 5px 0 0 0;
	background: #9933FF;
	padding: 2px 0 0 3px;
	margin: 0 0 0 0;
}

#contenido_der ul li {
	border: 1px solid #0095ca;
	width: 150px;
	margin: 10px 0 0 0;
	background: #61987d;
	padding: 2px 0 0 3px;
}
	
#contenido_der ul li a {
 	font-family: Georgia;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#contenido_der ul li a:hover {
 	font-family: Georgia;
	font-size: 12px;
	color: #222222;
	text-decoration: none;
/*	border-bottom: 3px solid #0095ca; */
}

#contenido_der ul.sg li {
	border: 0;
	background: #FFFFFF;
	border-bottom: 3px solid #0095ca;
}

#contenido_der ul.sg li a {
 	font-family: Georgia;
	font-size: 14px;
	color: #0095ca;
	/* border-bottom: 3px solid #666666; */
	text-decoration: none;
}

#contenido_der ul.sg li a:hover {
 	font-family: Georgia;
	font-size: 14px;
	color: #666666;
	border-bottom: 3px solid #0095ca;
	text-decoration: none;
}

#pagina #pie {
	clear: both; 
  	padding: 0 10px 0 20px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
  	background:#DDDDDD; 
} 
#pagina #pie p {
 	margin: 0; 
  	padding: 2px 0 4px 0; 
  	font-family: Georgia;
	font-size: 12px;
	color: #006990;
	text-decoration: none;
}

.espacio {
	height: 110px;
}

.espacio2 {
	height: 10px;
}


#pagina #contenido_izq p {
 	font-family: Georgia;
	font-size: 12px;
	color: #006990;
	text-decoration: none;		
	padding: 0 0 0 20px;
}

h2 {
		font-family: Georgia;
	 	font-size: 14px;
		color: #666666;
	  	padding: 0 0 0 20px;
		margin: 5px 0 0 0;
	 }

h3 {
		font-family: Georgia;
	 	font-size: 12px;
		color: #006990;
	  	padding: 0 0 0 20px;
		margin: 5px 0 0 0;
	 }	 
	 
form {
		font-family: Geneva, sans-serif;
	 	font-size: 12px;
		color: #006990;
	  	padding: 0 0 0 20px;	
}
	
legend {
		font-family: Geneva, sans-serif;
	 	font-size: 12px;
		font-weight: bold;
		color: #006990;
		padding: 5px 0 5px 0;
}

label {
	  	padding: 0 4px 0 10px;		
		float: left;
		width: 220px;
}

label.full{
	  	padding: 0 4px 0 10px;		
}

input {
	width: 200px;
}

label, input {
		font-family: Geneva, sans-serif;
	 	font-size: 12px;
		color: #006990;	
		display: block;
}	

.cbox {

}

.enviar {
	width: 100px;
	margin: 10px 0 0 0;
}
	 
#pagina #contenido_izq h3 {
 	font-family: Georgia;
	font-size: 14px;
	color: #006990;
	text-decoration: none;		
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
}

#pagina #contenido_izq h4 {
 	font-family: Georgia;
	font-size: 12px;
	color: #006990;
	text-decoration: none;		
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
}

	 
p.texto {
		font-family: Georgia;
	 	font-size: 12px;
		color: #333333;
	  	padding: 0 0 0 20px;
		margin: 1px 0 0 0;
	 }
.negra {
		font-family: Georgia;
	 	font-size: 12px;
		font-weight: bold;
		color: #333333;
	 }	

#pagina #contenido_izq li, li{
	text-decoration: none;
	list-style: none;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;

 	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #006990;
	text-decoration: none;		
	
}

#pagina #contenido_izq ol li, li{
	text-decoration: none;
	list-style: decimal;	
	margin: 0 0 0 0;
	padding: 0 0 0;
 	font-family: Geneva, sans-serif;
	font-size: 12px;
	color: #006990;
	text-decoration: none;		
}

ul#alfa, ul#alfa{
	list-style: lower-alpha;	
}

#pagina #contenido_izq ol ul li{
	list-style: disc;
}
	
#pagina #contenido_izq li a, li a {
 	font-family: Georgia;
	font-size: 14px;
	color: #006990;
	text-decoration: none;		
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#contenido_izq .negrita {
	color: #444444;
}

#justificar{
	font-size: 14px;
	text-align: justify;
	font-style: italic;
}