/* CSS Document */
*{	font-family:Geneva, Arial, Helvetica, sans-serif; line-height: 1.4em; font-size:13px;}

body{
	background: #efebdf;
	background-image: url(../images/bckg_main.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #222;
}

a{
	color: #5e3d2a;
	text-decoration: underline;
}

a:hover{
	color: #000;
	text-decoration: underline;
}

/* -- para evitar el borde punteado de los links en firefox -- */
a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}
/* -- /para evitar el borde punteado de los links en firefox -- */

h1{
	font-size:16px;
	font-weight:bold;
}

.inputstyle{
	background-color:#a0967c;
	color:#FFFFFF;
	height:24px;
	font-size:13px;
	border:none;
	padding-left:5px;
	margin-bottom:10px;	
}

#radiostyle{
	background-color:#ded8ca;
	vertical-align: middle;
	width:15px;
	height:15px;
} 

#wrapper {
	width:100%;
	text-align: center;
	margin: 0;
} 

#container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#certificado{
	margin:18px 0px 0px 0px;
	padding:0px;
	float:left;
	width:220px;
	height:160px:
}

#footer {
	width:100%;
	margin:0;
	text-align: center;
	background-image: url(../images/bckg_footer.jpg);
	background-repeat:repeat-x;
	background-position:center top;	
	background-color:#f2f0ec;
	height:400px;
	border:solid red 0px;
	float:left;
}

#footercontent{
	width:850px;
/*	height:200px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top:150px;
	padding:0px;
	text-align: left;
}

#footermenu{
	width:850px;
	height:50px;
}

#footermenu ul {
	margin: 0px;
	padding: 0px;
}

#footermenu li{
	display: inline;
	float: left; /* si no pones esto en firefox no se ven las imágenes  (David) */
	margin: 17px 32px 0px 0px;
	padding: 0px;
	list-style: none; /* si no pones esto en firefox no se ven las imágenes  (David) */
	overflow: hidden;
	height:50px;
}

#footerlogocampeones{
	float:left;
	width:223px;
	height:135px;
	margin:0px;
	padding:0px;
}

#footerlegal{
	float:left;
	margin:0px 0px 0px 5px;
	padding:5px 0px 0px 0px;
	width:400px;
	height:100px;
	font-size:10px;
}

#footerlogoach{
	margin:0px;
	padding:0px;
	float:left;
	width:222px;
	height:173px;
}

#header_logocampeones{
	float:left;
	width:375px;
	height:134px;
	margin:0px;
	padding:0px;
}

#header_compartelo{
	float:left;
	width:299px;
	height:134px;
	margin:0px;
	padding:0px;
	background-image: url(../images/compartelo_header.jpg);
	background-repeat:no-repeat;
	background-position:right top;	
}

#social_buttons_header{
	float:left;
	width:200px;
	height:15px;
	margin:40px 10px 0px 130px;
	padding:0px;
}

#header_logoach{
	float:left;
	width:156px;
	height:134px;
	margin:0px 20px 0px 0px;
	padding:0px;
}

#header_title{
	float:left;
	width:850px;
	height:107px;
	margin:0px;
	padding:0px;
}

#cabecera_donacion{
	width:850px;
	height:196px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_donacion.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#cabecera_quehace{
	width:850px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_quehace.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#cabecera_gracias{
	width:850px;
	height:497px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_gracias.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#cabecera_seccion{
	width:850px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_seccion.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#cabecera_campeon{
	width:850px;
	min-height:226px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_campeon.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#bckg_kit_campeon{
	width:770px;
	height:140px;
	margin:0px 0px 30px 0px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_kit_campeon.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

#icon{
	width:133px;
	height:132px;
	margin:5px 20px 5px 7px;
	padding:0px;
	float:left;
}

#kit{
	width:590px;
	height:117px;
	margin:10px 15px 10px 0px;
	padding:0px;
	float:left;
}

#txt_campeon{
	width:583px;
	margin:30px 30px 0px 250px;
	padding:0px;
	float:left;
}

#foto_campeon{
	width:217px;
	margin:35px 0px 0px 0px;
	padding:0px;
	float:left;
	border:solid red 0px;
}

#literal_campeon{
	width:522px;
	margin:35px 0px 0px 0px;
	padding:15px;
	float:left;
	background-color:#d9d2c2;
	background-image: url(../images/adorno_campeon.png);
	background-repeat:no-repeat;
	background-position:right top;	
}

#literal_campeon h1{
	margin-top:0px;
}

#cifra_trat{
	width:506px;
	height:180px;
	margin:20px 0px 0px 0px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_cifra_tratamiento.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}

#cifra_redes{
	width:243px;
	height:180px;
	margin:20px 0px 0px 20px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_cifra_redes.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
}

#flecha{
	width:24px;
	margin:35px 0px 0px 0px;
	padding:0px;
	float:left;
}

#comentario_campeon{
	width:715px;
	margin:35px 0px 0px 0px;
	padding:15px;
	float:left;
	background-color:#d9d2c2;
}

#comentario_campeon h1{
	margin-top:0px;
}

#txt_seccion{
	width:583px;
	margin:30px 30px 0px 25px;
	padding:0px;
	float:left;
}

#cabecera_objetivos{
	width:850px;
	min-height:401px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/cabecera_objetivos.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#txt_objetivos{
	width:500px;
	margin:30px 30px 0px 320px;
	padding:0px;
	float:left;
}

#cifra_donantes{
	width:500px;
	min-height:110px;
	margin:15px 30px 0px 320px;
	padding:0px;
	float:left;
	text-align:right;
}

#big_txt{
	font-size:24px;
}

#post_situacion{
	float:left;
	width:770px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#foto_post_situacion{
	width:243px;
	height:150px;
	margin:0px 20px 0px 0px;
	padding:0px;
	float:left;
}

#txt_post_situacion{
	width:500px;
	margin:0px;
	padding:0px;
	float:left;
}

#txt_donacion{
	width:580px;
	height:160px;
	margin:30px 30px 30px 240px;
	padding:0px;
	float:left;
}

.slider_interior {
	float:left;
	width:550px;
	padding: 10px;
	background-color:#ede5e0;
}

#portada{
	float:left;
	width:770px;
	margin:0px;
	padding:0px;
}

#situacion_home{
	float:left;
	width:770px;
	margin:0px;
	padding:0px;
}

#situacion_home_header{
	float:left;
	width:770px;
	height:141px;
	margin:0px;
	padding:0px;
}

#situacion_home_post{
	float:left;
	width:243px;
/*	min-height:250px;*/
	margin:0px 20px 0px 0px;
	padding:0px;
}

#situacion_home_post p{
	font-size:12px;
}

.fecha_post{
	color:#886643;
	font-weight:bold;
}

#filete{
	margin:30px 0px 30px 0px;
	float:left;
}

/* ************************************ rollover list *********************************** */

#links ul {
        list-style-type: none;
        width: 242px;
		margin:0px;
		padding:0px;
} 

#links li {
/*        border: 1px dotted #999;*/
/*        border-width: 1px 0;*/
        margin: 1px 0 0 0;
}

#links li a { 
		list-style-type: none;
        color: #222;
        display: block;
        /*font: bold 110% Arial, Helvetica, sans-serif;*/
        padding: 10px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 242px;
}

#links li a:hover {
        background: #e3ddcf;
		text-decoration: none;
}

/* ************************************ /rollover list ********************************* */

/* ************************************ images fade hover effect ******************************************** */

ul.gallery {
	width: 237px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 0px; padding: 0;
	text-align: center;
	border: 3px solid #2b241f;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	background: #2b241f;
}
ul.gallery li a.thumb {
	width: 237px; /*--Width of image--*/
	height: 130px; /*--Height of image--*/
	padding: 0px;
	border-bottom: 0px solid #2b241f;
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 237px;
	height: 130px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* ********************************************************************************** */


#subcontainer{
	float:left;
	width:770px;
	margin:0px 40px 0px 40px;
	padding:0px;
}

#social_home{
	float:left;
	width:243px;
	margin:0px 20px 0px 0px;
	padding:0px;
}

#social_container{
	float:left;
	width:244px;
	height:350px;
	margin:0px 20px 0px 0px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0px;
	background:#d9d2c2;
}

#foto_twitter{
	float:left;
	width:55px;
	height:55px;
	margin:5px;
	padding:0px;
	background:#FFFFFF;
}

#coment_twitter{
	float:left;
	width:168px;
	margin:5px;
	padding:0px;
	background:#FFFFFF;
}

#comentarios_campeones{
	background:#d9d2c2;
	float:left;
	width:244px;
	margin:0px;
	padding:0px;
	text-align:center;
	height:24px;
}

#facebook_home{
	float:left;
	width:233px;
	margin:5px;
	padding:0px;
	background:#FFFFFF;
}

#coment_campeon{
	float:left;
	width:220px;
	margin:10px;
	padding:0px;
	border-bottom:dotted #7f7a6e 2px;
}

#coment_campeon h1, #comentario_campeon h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:18px;
	margin:0px;
	padding:0px;
}

blockquote{
	margin:0px;
	padding:0px;
	float:left;
}

#redes_home{
	margin:30px 0px 0px 0px;
	padding:0px;
	width:770px;
	float:left;
	text-align:center;
}

#tab_donacion{
	float:left;
	width:770px;
	height:64px;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#form_paypal{
	width:770px;
	height:140px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_form_paypal.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
}

#form_estandard{
	width:770px;
	height:500px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_form_estandard.jpg);
	background-repeat:no-repeat;
	background-position: center bottom;
}

#form_transfer{
	width:770px;
	height:390px;
	margin:0px;
	padding:0px;
	float:left;
	background-image: url(../images/bckg_form_transfer.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
}

/* ------------------------------------ MENU --------------------------------------- */
#content{
	float:left;
	/*width:865px;*/
	width: 670px;
	height:41px;
	text-align:center;
	margin:0;
	padding:0px 0px 0px 11px;
	/*background-image:url(../images/cabecera_logo.jpg);
	background-repeat: no-repeat;
	background-position: top center;*/
	border: solid blue 0px;
	background-color:#0f0c09;
}

.menu{
	width: 670px;
	height: 41px;
	margin: 0;	
	padding: 0;
	float: left;
	border: solid black 0px;	
}

.listamenu ul{
	margin: 0;
	padding: 0;
}

.listamenu li{
	/*list-style-image:none;*/
	display: inline;
	float: left; /* si no pones esto en firefox no se ven las imágenes  (David) */
	margin: 0;
	padding: 0;
	list-style: none; /* si no pones esto en firefox no se ven las imágenes  (David) */
	overflow: hidden;
	height: 41px;
	/*text-indent: -900px;   -- si se pone esto en firefox no se ve el menú -- (David)  */
}

li#situacionactiva a {
	display: block; background: url(../images/bt_situacion.gif) 0px -41px; float: left; width: 105px; height: 41px;
}

li#situacion a {
	display: block; background: url(../images/bt_situacion.gif); float: left; width: 105px; height: 41px;
}
li#situacion a:hover, li#situacion a.hover {
	background: url(../images/bt_situacion.gif) 0px -41px; height: 41px;
}

li#quehaceachactiva a {
	display: block; background: url(../images/bt_quehaceach.gif) 0px -41px; float: left; width: 233px; height: 41px;
}

li#quehaceach a {
	display: block; background: url(../images/bt_quehaceach.gif); float: left; width: 233px; height: 41px;
}
li#quehaceach a:hover, li#quehaceach a.hover {
	background: url(../images/bt_quehaceach.gif) 0px -41px; height: 41px;
}

li#campeonactiva a {
	display: block; background: url(../images/bt_campeon.gif) 0px -41px; float: left; width: 163px; height: 41px;
}

li#campeon a {
	display: block; background: url(../images/bt_campeon.gif); float: left; width: 163px; height: 41px;
}
li#campeon a:hover, li#campeon a.hover {
	background: url(../images/bt_campeon.gif) 0px -41px; height: 41px;
}
li#objetivosactiva a {
	display: block; background: url(../images/bt_objetivos.gif) 0px -41px; float: left; width: 168px; height: 41px;
}

li#objetivos a {
	display: block; background: url(../images/bt_objetivos.gif); float: left; width: 168px; height: 41px;
}
li#objetivos a:hover, li#objetivos a.hover {
	background: url(../images/bt_objetivos.gif) 0px -41px; height: 41px;
}

																			   
/* ------------------------------------ / MENU --------------------------------------- */