/* CSS Document */

/*------------------------------------------------------------------------------
Para posicionar el footer hasta abajo y dar cuerpo
------------------------------------------------------------------------------*/

html {
	margin:0;
	padding:0;
	height: 100%;
}

body {	
	margin:0;
	padding:0;
	height: 100%;
	background:#FFF url(../images/fondo.jpg) top center fixed;
	font-family:Calibri, Arial, Verdana;
	font-size:13px;
	line-height:14px;
}

#container-page {
	width: 100%;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
}

#container-content {
	padding-bottom: 150px;
	overflow:hidden;
}

#container-foot {
	background:url(../images/footer-fondo.png) repeat-x;
	width: 100%;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 150px;
}


/*------------------------------------------------------------------------------
Estilos del Footer
------------------------------------------------------------------------------*/

#footertop-btns{
	width:545px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

#footertop-btns > a > div {
	display:block;
	float:left;
}

#mainfooter{
	width:950px;
	height:82px;
	margin:15px auto 0;
}

.mailBtn{
	float:left;
	margin:6px 15px 0 0;
}

#footercontact{
	float:left;
	color:#522b13;
}

#footercontact a{
	color:#2e1909;
	text-decoration:none;
	font-weight:bold;
}

#footercontact a:hover{
	color:#522b13;
	text-decoration:none;
}

#footercontact .footerphone{
	color:#2e1909;
}

#footercontact .footerphone .antiSkype{
	display:none;
}


#mainfooter > table{
	float:right;

}

.shareText{
	width:145px;
	color:#522b13;
	text-align:right;
	/*padding-right:10px;*/
}


#footerLegals{
	font-size:10px;
	color:#442217;
	width:950px;
	margin:3px auto 0;
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
}

#footersearch{
	display:block;
	width:300px;
	float:left;
	margin:20px 0 0 25px;
}


#footersearch .inputSearchField{
	color:#66432e;
	font-family:Calibri, Arial, Verdana;
	font-size:14px;
	width:210px;
	height:22px;
	background-image:url(../images/fieldsearchfondomini.png);
	border:0;
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 10px;
	cursor:text;
}

#footersearch .inputSearchField:hover{
	background-position:top center;
}
#footersearch .inputSearchField:focus{
	background-position:top right;
}

#footersearch .inputSearchBoton{
	width:33px;
	height:32px;
	border:0;
	margin:0 0 0 10px;
	padding:0;
	background-image:url(../images/fieldbotonmini.png);
	background-repeat:no-repeat;
	background-position:left;
	cursor:pointer;
	color:transparent;	
}

#footersearch .inputSearchBoton:hover{
	background-position:right;
}


/*---------------------------------------------------------------------------
               M E N U    P R I N C I P A L
---------------------------------------------------------------------------*/

#main-menu{
	display:block;
	width:950px;
	height:76px;
	margin:0 auto;
	padding:0px;
}

#main-menu ol{
	list-style:none;
	padding:0 0 0 15px;
	float:left;
	display:block;
	width:733px;
	height:56px;
	background:url(../images/menu-fondo.png) repeat-x;
	margin:0;
	position:absolute;
}

#main-menu ol li{
	list-style:none;
	margin:0 4px;
	padding:0;
	display:block;
	float:left;
}

#main-menu ol li a{
	display:block;
	height:49px; 
	background-position:left;
	background-repeat:no-repeat;
	margin:0 5px;
}

.noTextMenu{
	display:none;
}


#main-menu ol li a.menu01{width:63px;  background-image:url(../images/menutopbtn01.png);}
#main-menu ol li a.menu02{width:54px;  background-image:url(../images/menutopbtn02.png);}
#main-menu ol li a.menu03{width:69px;  background-image:url(../images/menutopbtn03.png);}
#main-menu ol li a.menu04{width:66px;  background-image:url(../images/menutopbtn04.png);}
#main-menu ol li a.menu05{width:51px;  background-image:url(../images/menutopbtn05.png);}
#main-menu ol li a.menu06{width:59px;  background-image:url(../images/menutopbtn06.png);}
#main-menu ol li a.menu07{width:72px;  background-image:url(../images/menutopbtn07.png);}
#main-menu ol li a.menu08{width:42px;  background-image:url(../images/menutopbtn08.png);}
#main-menu ol li a.menu09{width:42px;  background-image:url(../images/boton-donaciones.png);}

#main-menu ol li a.menu01:hover,
#main-menu ol li a.menu02:hover,
#main-menu ol li a.menu03:hover,
#main-menu ol li a.menu04:hover,
#main-menu ol li a.menu05:hover,
#main-menu ol li a.menu06:hover,
#main-menu ol li a.menu07:hover,
#main-menu ol li a.menu08:hover{
	background-position:right;
}

.menuSelected{
	background-position:center !important;
}

#logoInteriores{
	position:relative;
	left:750px;
	top:20px;	
}


/*------------------------------------------------------------------------------
Estilos del Contenido
------------------------------------------------------------------------------*/
#content{
	width:930px;
	margin:0 auto 20px;
	overflow:hidden;
}

.imgBtn{
	background-position:left;
	cursor:pointer;
	background-repeat:no-repeat;
}

.imgBtn:hover{
	background-position:right
}


#content #rightcol{
	width:230px;
	float:left;
	padding:40px 0 0 0;
	position:absolute;
}

#content #mainbodyholder{
	width:690px;
	float:right;
	padding:0 1px;
}

#content #mainbodyholder #bodyheader{
	background:url(../images/content-header.png) no-repeat;
	height:62px;
	width:590px;
	padding:10px 50px;
	margin:0;
}

#content #mainbodyholder #contentholder{
	background:url(../images/content-fondo.png) repeat-y center;
	width:590px;
	padding:1px 50px;
	min-height:350px;
	margin:0;
}

#cuerpo, #cuerpo span, #cuerpo p, #cuerpo font{
	color:#6c4e38 !important;
	font-family:Calibri, Arial, Verdana !important;
	line-height:1.5 !important;
}

#cuerpo a, #cuerpo a span, #cuerpo a p, #cuerpo a font{
	color:#936848 !important;
	text-decoration:underline;
	font-weight:normal;
	font-style:italic;
}

#cuerpo a:hover, #cuerpo a span:hover, #cuerpo a p:hover, #cuerpo a font:hover{
	color:#492912 !important;
	text-decoration:underline;
	font-weight:normal;
	font-style:italic;
}


#content #mainbodyholder #bodyfooter{
	background:url(../images/content-footer.png) no-repeat;
	height:62px;
	width:590px;
	padding:10px 50px;	
	margin:0;
}



.listado{
	width:560px;
	height:71px;
	display:block;
	margin:0 0 8px 0;
	background-repeat:no-repeat;
	padding:14px;
}

.listRownon{
	background-image:url(../images/content-fondorownon.jpg);
}

.listRowpar{
	background-image:url(../images/content-fondorowpar.jpg);
}

.listado .listadothumb{
	float:left;
	margin:0 13px 0 0;
	border:1px solid #fff;
}

.listado .listadothumb:hover{
	border:1px solid #bda980;
}


.listado > h2{
	margin:0;
	width:390px;
	height:18px;
	overflow:hidden;
	line-height:18px;
	font-size:16px;
}

.listado > h2 a{
	color:#775944;
	text-decoration:none;
}

.listado > h2 a:hover{
	color:#4a3221;
	text-decoration:none;
}


.listado > p{
	display:block;
	width:380px;
	height:45px;
	overflow:hidden;
	margin:8px 0 0 0;
	line-height:15px;
	font-size:12px;
	color:#775944;
}

.listado .listadovermas{
	float:right;
	margin:30px 5px 0 0;
	width:21px;
	height:20px;
	background-image:url(../images/vermas.png);
	background-position:left;
	background-repeat:no-repeat;
}

.listado .listadovermas:hover{
	background-position:right;
}

#content #mainbodyholder #contentholder h1{
	width:537px;
	height:16px;
	color:#fff;
	background:url(../images/content-titulo.jpg) no-repeat center center;
	display:block;
	margin:0 auto 10px;
	padding:18px 18px 18px 30px;
	overflow:hidden;
	line-height:16px;
	text-transform:uppercase;
	font-size:18px;
}


#content #mainbodyholder #contentholder h1.tabs{
	width:500px;
	height:51px;
	color:#fff;
	background:url(../images/content-titulotabs.jpg) no-repeat center center;
	display:block;
	margin:0 auto 10px;
	padding:0 20px;
	overflow:hidden;
	line-height:51px;
	text-transform:uppercase;
	font-size:18px;
}

#content #mainbodyholder #contentholder #dinamicSectionHolder{
	width:560px;
	margin:0 auto 20px;
}


#content #mainbodyholder #contentholder #contenido{
	/*border:1px solid #0f0;*/
	width:560px;
	margin:0 auto 20px;
	min-height:250px;
	overflow:hidden;
	font-size:14px;
	line-height:1.5;
}

.contentAutor{
	float:left;
	color:#765843;
	font-size:14px;
	margin:0 0 10px 0;
}


.contentFecha{
	float:right;
	color:#9e855a;
	font-size:14px;
	font-style:italic;
	margin:0 0 10px 0;
}

#moduleRosario{
	background:url(../images/fondomoduleinnerrosario.png) no-repeat top right;
	width:289px;
	padding-top:40px;
	min-height:229px;
	margin:20px 0 0 0;
}

#moduleRosario h1{
	font-size:19px;
	color:#361907;
	margin:15px 0 10px 0;
}

#moduleRosario h2{
	color:#361907;
	font-size:17px;
	font-weight:normal;
	margin:0 0 10px 0;
}

#moduleRosario ol{
	list-style:none;
	display:block;
	width:100px;
	margin:0;
	padding:1px;
}

#moduleRosario ol li{
	list-style:none;
	display:block;
	float:left;
	width:81px;
	height:79px;
	margin:0;
	padding:0;
}


#moduleRosario .elige {
	clear:both;
	width:250px;
	text-align:center;
	padding:20px 1px 1px;
	display:block;
}



#innerFamilia{
	background-image:url(../images/innerfondoconocenos.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:226px;
	height:165px;
	padding:12px;
	position:relative;
}

#innerFamilia:hover{
	background-position:top right;
}

#innerFamilia .botonconocenos{
	background-image:url(../images/homeconocenos.png);
	background-repeat:no-repeat;
	background-position:left;
	width:209px;
	height:50px;
	position:absolute;
	top:105px;
	left:23px;
}

#innerFamilia:hover .botonconocenos{
	background-position:right;
}


.quotes{
	padding:0 0 0 60px;
	background:url(../images/quotes.jpg) no-repeat top left;
	font-size:16px;
	color:#67432a;
	font-style:italic;	
	display:table;
	margin:6px 0;
}

/*------------------------------------------------------------------------------
Estilos del Paginador
------------------------------------------------------------------------------*/


#navegacion {
	font-size:12px;
	margin:3px 10px;
	}
#navegacion span {
	color:#7a543d !important;
	}
#navegacion a:hover {
	color:#7a543d;
	background-color:#eee9e0;
	}
	
#navegacion ul {
	display:block;
	position:relative;
	height: 16px;
	margin:0;
	padding:0;
	list-style-type:none;
	font-weight:normal;
	float:right;
	}
#navegacion ul li {
	display:block;
	float:left;
	margin:0 2px;
	padding:0;
	border:1px solid #ede8db;
	background-color:#f6f4ef;
	color:#7a543d;
	}
#navegacion ul li.selected {
	color:#522b13;
	border:1px solid #cdc0aa;
	background-color:#e0d7c7;
	font-weight:bold;

	}
#navegacion ul li.selected a {
	color:#533922;
	}
#navegacion ul li.next a {
	width:70px;
	}
#navegacion ul li a {
	display:block;
	float:left;
	color:#7a543d;
	text-decoration:none;
	font-weight:normal;
	padding:1px 0 0 0;
	height:15px;
	width:16px;
	text-align:center;
	}
#navegacion ul li a:hover {
	color:#533922;
	}
#navegacion li.dots {
	border:none;
	}
	
/*------------------------------------------------------------------------------
Estilos del Menu de Categorías
------------------------------------------------------------------------------*/
	
	
#catMenu {
	display:block;
	width:202px;
	line-height:26px;
	font-size:14px;
	margin:0 0 40px 0;
	}

#catMenu ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#catMenu ul a{
	margin: 0;
	display:block;
	width:179px;
	height:28px;
	background-image:url(../images/menucatefondo.png);
	background-position:top left;
	}

#catMenu a{
	text-decoration: none;
	padding: 0 0 0 23px; 
	color:#64432e;
	}
#catMenu a:hover{
	background-position:top center;
	color:#e7e0d3;
	}
#catMenu a span{
	font-size: 11px;
	}
#catMenu a.selected{
	background-position:top right;
	color: #ffffff;
	padding-left:35px;
	width:167px;
	}


/*------------------------------------------------------------------------------
Estilos del Catalogo de Categorías
------------------------------------------------------------------------------*/

ul#categorias {
	display:block;
	width:580px;
	list-style-type:none;
	margin:0;
	padding:0;
	}
ul#categorias li{
	display:block;
	width:273px;
	list-style-type:none;
	height:77px;
	margin:5px;
	float: left;
	background-image:url(../images/conocelaplaquitas.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
	
ul#categorias li:hover{
	background-position:top right;
}

ul#categorias li a{
	display:block;
	width:243px;
	height:77px;
	padding:0 15px;
	text-decoration:none;
	color: #4d2c0b;
	text-align:center;
	font-size:20px;
	line-height:67px;
	text-transform:uppercase;
	font-weight:bold;
	}
ul#categorias li a:hover{
	color:#000;
	text-decoration:none;
	}
	

/*------------------------------------------------------------------------------
Estilos del Ponlo en sus Manos
------------------------------------------------------------------------------*/

.ensusManos{
	width:506px;
	height:128px;
	display:block;
	background-repeat:no-repeat;
	padding:15px;
	margin:10px auto 0;
	line-height:13px;
}

.ensusManosPar{
	background-image:url(../images/ensusmanoslineapar.png);
}

.ensusManosNon{
	background-image:url(../images/ensusmanoslineanon.png);
}

a > .ensusManos .ensusManosThumb{
	float:left;
	background-repeat:no-repeat;
	background-position:left;
	margin:0 20px 0 0;
}

a:hover > .ensusManos .ensusManosThumb{
	background-position:right;
}

a{
	text-decoration:none;
}

a > .ensusManos > h1, a > .ensusManos > h5{
	color:#805b43;
	text-decoration:none;
	font-weight:normal;
	font-size:24px;
	margin:6px 0 20px 8px;
	display:block;
	float:left;
}

a:hover > .ensusManos > h1, a:hover > .ensusManos > h5{
	color:#120902;
}

a > .ensusManos > .ensusManosVerMAS {
	display:block;
	background-image:url(../images/vermas.png);
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	background-position:left;
	float:right;
	margin:60px 10px 0 0;
}


a:hover > .ensusManos  .ensusManosVerMAS {
	background-position:right;
}


a > .ensusManos > p {
	display:block;
	float:left;
	width:310px;
	height:84px;
	margin:0;
	color:#805b43;
	overflow:hidden;
	font-size:14px;
	line-height:16px;
	
}