/* reset
--------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,fieldset {margin:0;padding:0;}


/* body
--------------------------------------------------*/
body {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  text-align:center;
  color:#414141;
  background:#8e3838 url(/recursos/pla_horizontal_rojo/images/body_bg.gif);
}


/* headings
--------------------------------------------------*/
h1 {font-size:30px;}

#contenido h3 {
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  font-family:Georgia, serif;
  font-size:1.6em;
  font-weight:bold;
}

#contenido h4 {
  font-family:Georgia, serif;
  font-size:1.3em;
  font-weight:bold;
  margin-bottom:18px;
  padding:2px 0 4px 0;
  border-top: 1px solid #EFD7B8;
  border-bottom: 2px solid #EFD7B8;
  width:529px;
}

h1, h1 a  {color:#FFF;}
h2, h2 a  {color:#F8CAC3;}


h3, h3 a  {color:#CE2911;}

h4, h4 a  {color:#F14916;}

h1 a:hover,
h3 a:hover  {color:#F9A83C;}

h4 a:hover  {color:#F9A83C;}



/* enlaces
--------------------------------------------------*/
a {text-decoration:none;}

a img {border:none;}

a {color:#ce2911;}

a:hover {color:#6baa39;}


/* parrafos, listas , etc
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 18px 0;
}

ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}

ul ul {padding:0;}


/* imagenes
--------------------------------------------------*/
img.izda {
  float:left;
  margin:0 12px 0 0;
}

img.dcha {
  float:right;
  margin:0 0 0 12px;
}

img.centro {
  display: block;
  margin:0 auto 12px auto;
}


/* container
--------------------------------------------------*/
#container {
  width:770px;
  margin:15px auto;
  text-align:left;
  background:white url(/recursos/pla_horizontal_rojo/images/container_bg.jpg) 0 0px repeat-y;
}


/* header
--------------------------------------------------*/
#header {
  height:115px;
  padding:30px 0 0 30px;
  background: url(/recursos/pla_horizontal_rojo/images/header_bg.jpg) no-repeat;
}

#head {
  height:115px;
  float:left;
  width:709px;
  background:#8e3838 url(/recursos/pla_horizontal_rojo/images/head_bg___.jpg) 0 0  no-repeat;
}

#top {
  padding:10px 10px 0 10px;
  background: url(/recursos/pla_horizontal_rojo/images/head_h1_bg.gif) top right no-repeat;
}

#top #logo{
  padding:0 10px 0 0;
  float:left;
  height:90px;
}

#top h1 {
  font-size:2em;
}

#top h2 {
  padding:8px 0 0 0;
  font-size:1.3em;
}


/* navegacion
--------------------------------------------------*/
#navegacion {
  height:2.7em;
  line-height:2.7em;
  background:#ce2911 url(/recursos/pla_horizontal_rojo/images/esquina_abajo_dcha.gif) right bottom no-repeat;
  border-top:1px solid white;
  margin: 0 30px;
}

#navegacion ul {
  margin:0;
  padding:0;
}

#navegacion li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  border-right:1px solid white;
  white-space:nowrap;
}

#navegacion li.ultimo {
  border-right:0;
}


#navegacion li.primero a,
#navegacion li.ultimo a {
  width:118px;
}

#navegacion li a {
  display:block;
  width:116px;
  font-size:0.8em;
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
}

#navegacion a {color:white;}

#navegacion li#selected,
#navegacion a.a,#navegacion a:hover
  {background-color:#f14916}

#navegacion li.ultimo a:hover{
  background:#f14916 url(/recursos/pla_horizontal_rojo/images/esquina_abajo_dcha.gif) right bottom no-repeat;
}

#navegacion li.primero{
  background: url(/recursos/pla_horizontal_rojo/images/esquina_abajo_izda.gif) left bottom no-repeat;
}

#navegacion li.primero a:hover{
  background:#f14916 url(/recursos/pla_horizontal_rojo/images/esquina_abajo_izda.gif) left bottom no-repeat;
}


/* subnav
--------------------------------------------------*/
#subnav {
  float:left;
  width:142px;
  padding:26px 0 0 30px;
  font-size:0.9em;
  line-height:1.5em;
}

* html #subnav {padding-top:28px;}

#subnav ul, #subnav p {margin:0 10px 0 0;}


/* subnav headings
--------------------------------------------------*/
#subnav h2 {
  margin:18px 10px 10px 0;
  font-family:Georgia,serif;
  font-size:1em;
  line-height:1em;
  color:white;
  background:#f14916 url(/recursos/pla_horizontal_rojo/images/esquina_arriba_izda.gif) top left no-repeat;
}

#subnav h2 em {
  display:block;
  padding:5px 10px;
  font-style:normal;
  background:url(/recursos/pla_horizontal_rojo/images/esquina_abajo_dcha.gif) bottom right no-repeat;
}


/* subnav listas
--------------------------------------------------*/
#subnav ul li {
  margin:2px 0;
  padding-bottom:2px;
  border-bottom:1px solid #F0F0F0;
  list-style-type:none;
}

#subnav li a {
  display:block;
  padding:1px 0 1px 8px;
  height:1%;
}

#subnav li a {color:#ce2911;}
#subnav li a.a {font-weight:bold}
#subnav li a:hover {background-color:#F8F1E7;}

#subnav ul#promotor {
  padding:5px 10px 0 0;
}

#subnav ul#promotor li {
  padding-bottom:10px;
  list-style-type:none;
  border-bottom:0;
  text-align:center
}


/* contenido
--------------------------------------------------*/
#contenido {
  float:left;
  width:543px;
  padding:23px 0 0 25px;
  background: url(/recursos/pla_horizontal_rojo/images/subnav_bg.gif) top left no-repeat;
}


/* textos
--------------------------------------------------*/
.textos {
  margin:0 16px 0 0;
  float:left;
  width:385px;
}

.textos ul{
  margin:0;
  list-style-type:none;
	}

.textos ul li{
  width:359px;
  padding: 0 0 0 16px;
  margin: 0 0 0 10px;
  background: url(/recursos/pla_horizontal_rojo/images/listas.gif) 0 1px no-repeat
}


/* fotos
--------------------------------------------------*/
.fotos {
  float:left;
  width:142px;
}

.fotos ul {
  list-style-type:none;
  padding:0 0 8px 0;
  margin:0;
}

.fotos ul li {
  padding-bottom:10px;
  text-align:center;
}

.fotos ul li img{
  padding: 0 7px 7px 0;
  background: url(/recursos/pla_horizontal_rojo/images/foto_bg.gif) right bottom;
}


/* footer
--------------------------------------------------*/
#footer {
  clear:both;
  padding:40px 30px 15px 30px;
  font-size:0.9em;
  color:#A0A0A0;
  background:url(/recursos/pla_horizontal_rojo/images/footer_bg.jpg) bottom no-repeat;
}

#footer p {
	padding:12px 0 18px 0;
	border-top:2px solid #F8EDE7;
}

#footer strong {
   font-weight:normal;
   color:#f14916;
}

#footer a {color:#A0A0A0;}

#footer a:hover {color:#414141;}

/* Alineados
--------------------------------------------------------------------------- */
.izq { float: left; margin:0 10px 5px 0;}
.der { float: right; margin:0 0 5px 10px;}
/* FORM
--------------------------------------------------------------------------- */

/* Estilos para los Formularios 	*/
#contenido form fieldset { width:500px;  margin: 0 0 1.5em 0;  padding: 10px;  border: 1px solid #BFBAB0;  background-color: #F2EFE9; font-size:1.1em;}
#contenido form fieldset legend {  margin-left: 1em;  padding: 0;  color: #000;  font-weight: bold;}

#contenido form h4 {font-family:Arial, Helvetica, sans-serif; border:none;}

#contenido form p label a {float:left;}
#contenido form p label span{ float:left; display:block; width:100%; font-weight:bold;}
#contenido form p label input, 
#contenido form p label textarea{ width:auto; padding: 1px 2px; margin-top:1px; float:left;}

#contenido form p span { display:block; width:100%; font-weight:bold; float:left;}

#contenido form p label.radio{float:left; width:auto; }
#contenido form p label.radio span{float:left; width:auto; font-weight:normal;}
#contenido form p label.radio input{ float:left; width:auto;}	

#contenido form p label.check{ float:left; width:100%;}
#contenido form p label.check span{ width:300px; padding: 1px 2px; margin-top:1px;}
#contenido form p label.check input{ width:auto;}	
#contenido form p.botones { display:block; width:100%; clear:both; text-align:right;}
#contenido form p.botones input {width:100px;}