@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	background:#ffffff url(../images/bg_body.png) repeat-x top left;
	text-align:center;
	margin:0 auto 0 auto;
	padding:0;
	position:relative;
}





html, body {height: 100%;}
*{padding: 0;margin: 0;}

ul, li, h1, h2, h3, h4,p{
padding:0;
margin:0;
display:block;
list-style:none;
line-height:normal;
}

a, input, textarea, select {
outline-style:none;
outline-width:0;

}

@font-face {
	font-family: 'KlavikaRegular';
	src: url('../fonts/klavikaregular-tf-webfont.eot');
	src: local('☺'), url('../fonts/klavikaregular-tf-webfont.woff') format('woff'), url('../fonts/klavikaregular-tf-webfont.ttf') format('truetype'), url('../fonts/klavikaregular-tf-webfont.svg#webfontaIDeiCKd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaBoldBoldOSF';
	src: url('../fonts/klavikaboldboldosf-webfont.eot');
	src: local('☺'), url('../fonts/klavikaboldboldosf-webfont.woff') format('woff'), url('../fonts/klavikaboldboldosf-webfont.ttf') format('truetype'), url('../fonts/klavikaboldboldosf-webfont.svg#webfontJvOHFbkY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'KlavikaMedCapsMedium';
	src: url('../fonts/klavikamedcaps-sctf-webfont.eot');
	src: local('☺'), url('../fonts/klavikamedcaps-sctf-webfont.woff') format('woff'), url('../fonts/klavikamedcaps-sctf-webfont.ttf') format('truetype'), url('../fonts/klavikamedcaps-sctf-webfont.svg#webfont3b44RdkO') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*///////////////////////////////// ESTRUCTURA ///////////////////////////////////*/
#general{
width:940px;
margin:0 auto 0 auto;
height:auto;
min-height:100%;
position:relative;
text-align:left;

}

* html #general{
	height: 100%;
	text-align:center;
}


/*///////////////////////////////// PIE ///////////////////////////////////*/
#pie{
width:100%;
height:80px;
position: relative;
clear: both;
margin:-80px auto auto auto;
text-align:center;
z-index:1000;
background:#eaeaea url(../images/bg_pie.png) no-repeat top center;
font-size:11px;
color:#9d9c9c;
text-shadow:#ffffff 1px 1px 1px;
}

#pie p{
margin:0 auto 0 auto;
width:940px;
padding:16px 10px 0 10px;
}

#clearpie {
	display: block;
	height:120px;
	text-align:center;
	clear:both;
}

/*///////////////////////////////// CABECERA ///////////////////////////////////*/

#general .cabecera{
display:block;
font-family: KlavikaRegular;
text-shadow:#FFFFFF 1px 1px 1px;
text-align:left;
padding:10px 0 10px 0;
}

#general .cabecera h1{
font-size:35px;
color:#676767;
background:url(../images/bg_cabecera.png)no-repeat 0 0;
padding:4px 0 4px 38px;
}

#general .cabecera h1 b{
font-family:KlavikaBoldBoldOSF;
}

/*///////////////////////////////// BANNER ///////////////////////////////////*/
#general .banner{
display:block;
height:357px;
background:url(../images/bg_banner2.png) no-repeat top center;
margin:0 0 0 -5px;
padding:0 5px 10px 5px;
}

#general .banner .banner_content{
display:block;
height:357px;
background:url(../images/bg_banner.png) no-repeat top center;
text-align:right;
font-family:KlavikaBoldBoldOSF;
position:relative;
}

/*///////////////////////////////// BANNER telefono ///////////////////////////////////*/
#general .banner .banner_content .banner_telf{
display:block;
text-align:right;
padding:0px 16px 0 0;
color:#FFFFFF;
text-shadow:#017589 2px 2px 2px;
height:155px;
}

#general .banner .banner_content .banner_telf h2{
font-size:24px;
text-shadow:#017589 2px 2px 2px;
letter-spacing:-1px;
}

#general .banner .banner_content .banner_telf h2 b{
color:#a6ec2b;
}

#general .banner .banner_content .banner_telf h1{
font-size:75px;
line-height:56px;
padding:15px 0px 0 0;
font-family:KlavikaMedCapsMedium;
letter-spacing:-2px;
}

/*///////////////////////////////// BANNER slogan ///////////////////////////////////*/
#general .banner .banner_content .banner_slogan{
display:block;
text-align:right;
padding:5px 16px 0 0;
color:#cbf3fa;
text-shadow:#017589 2px 2px 2px;
height:90px;
}

#general .banner .banner_content .banner_slogan h3{
font-size:34px;
letter-spacing:-1px;
}

#general .banner .banner_content .banner_slogan h3 b{
color:#fee057;
}

#general .banner .banner_content .banner_slogan .h3_color{
color:#cef874;
}

/*///////////////////////////////// BANNER local ///////////////////////////////////*/
#general .banner .banner_content .banner_local{
display:block;
text-align:right;
padding:30px 16px 0 0;
color:#ffffff;
text-shadow:#017589 2px 2px 2px;
}

#general .banner .banner_content .banner_local h1{
font-size:65px;
}



/*///////////////////////////////// BANNER marcas ///////////////////////////////////*/
#general .banner .banner_content .banner_marcas{
display:block;
color:#ffffff;
text-shadow:#b1174d 2px 2px 2px;
position:absolute;
bottom:0;
left:20px;
z-index:200;
width:151px;
height:105px;
background:url(../images/bg_marcas.png) no-repeat 0 0;
text-align:center;
}

#general .banner .banner_content .banner_marcas h4{
font-size:23px;
padding:36px 0 0 0;
}

#general .banner .banner_content .banner_marcas h4 span{
display:block;
font-size:14px;
}

#general .banner .banner_content .banner_marcas h4 b{
display:block;
font-size:30px;
line-height:23px;
}

/*///////////////////////////////// info ///////////////////////////////////*/
#general .info{
display:block;
text-align:left;
margin:0;
height:110px;
border-top:#CCCCCC dashed 1px;
}


#general .info h5{
float:left;
font-weight:100;
font-size:19px;
line-height:19px;
margin:14px 30px 0 30px;
}

#general .info .info1{
color:#1f7094;
background:url(../images/bg_slogan1.png) no-repeat bottom left;
padding:36px 0 15px 170px;
}

#general .info .info2{
color:#c21340;
background:url(../images/bg_slogan2.png) no-repeat bottom left;
padding:36px 0 15px 110px;
}

/*///////////////////////////////// extra ///////////////////////////////////*/
#general .extra{
display:block;
overflow:hidden;
padding:0 8px 10px;
margin:0 auto 0 auto;
}

#general .extra li{
display:block;
float:left;
width:24%;
margin:0 2px;
text-align:left;
font-size:16px;
height:60px;
border:#CCCCCC solid 1px;
font-weight:bold;
}

#general .extra .extra1{
background:#efeff0  url(../images/bg_extra.png) 0 0;
}

#general .extra .extra2{
background:#efeff0  url(../images/bg_extra.png) -200px 0;
}

#general .extra .extra3{
background:#efeff0  url(../images/bg_extra.png) -400px 0;
}

#general .extra .extra4{
background:#efeff0  url(../images/bg_extra.png) -600px 0;
}

#general .extra li p{
display:block;
padding:8px;
color:#333333;
text-shadow:#FFFFFF 1px 1px 1px;
}

#general .extra li p b{
color:#C21340;
}


/*///////////////////////////////// slideshow ///////////////////////////////////*/
#general .slideshow{
display:block;
background:#FFFFFF url(../images/bg_slide.html) no-repeat bottom left;
position:relative;
overflow:hidden;
width:960px;
margin:0 0 0 -3px;
padding:10px 0 10px 0;
}

#general .slideshow .mask_img{
overflow:hidden;
width:0px;
height:0px;
position:absolute;
}

#general .slideshow ul{
display:block;
overflow:hidden;
}

#general .slideshow ul li{
float:left;
width:117px;
overflow:hidden;
font-size:14px;
margin:0 1px 0 0;
overflow:hidden;
}

#general .slideshow ul li a{
display:block;
padding:0;
text-decoration:none;
color:#9d9c9c;
font-weight:bold;
background:url(../images/bg_slide_a.png) no-repeat 0 0;
text-align:center;
font-family:KlavikaMedCapsMedium;
text-align:center;
}

#general .slideshow ul li a img{
display:block;
}

#general .slideshow ul li .current{
color:#018198;
background:url(../images/bg_slide_a.png) no-repeat -117px 0;
}

/*///////////////////////////////// Nuevo ///////////////////////////////////*/
#general .mod_new_top{ overflow:hidden;}

#general  .mod_sello{ display:block; overflow:hidden; text-shadow:#FFF 1px 1px 1px; float:left; width:530px; padding:10px 0 0 0;}
#general  .mod_sello h3{ float:left; font-family:KlavikaBoldBoldOSF; font-weight:100; font-size:18px; color:#656464; background: url(../images/bg_info_cert.png) no-repeat 0 0; width:405px; padding:6px 0 6px 6px; margin:12px 0 0 6px;}
#general  .mod_sello h3 b{ color:#333; font-size:14px; font-weight:100; font-family:KlavikaRegular;}
#general  .mod_sello h3 span{ font-size:14px; font-family:KlavikaRegular; color:#017c92;}
#general  .mod_sello h3 a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff933e; text-decoration:none;}#general  .mod_sello h3 a:hover{ color:#DF000E; text-decoration:underline; }

.mod_sello .b_cert{ display:block; float:right; color:#CCC; font-size:10px; text-decoration:none; text-indent:-9000px; width:95px; height:75px; background:url(../images/selloanimado.gif) no-repeat 0 0; margin:0 10px 0 0;}

#general .mod_unicef{ float:right; background:url(../images/bg_unicef.png) no-repeat 0 0; width:407px; height:91px;}
#general .mod_unicef a{ background:url(../images/ico_unicef.png) no-repeat 0 0; font-family:KlavikaRegular; font-size:20px; font-weight:100; color:#e2007a; padding:4px 0 4px 140px; margin:6px 0 0 18px; display:block; text-decoration:none;}
#general .mod_unicef a strong{ display:block; font-weight:100; font-size:30px;}
#general .mod_unicef a em{ font-style:normal; font-size:13px; color:#009ee0; display:block; }
#general .mod_unicef a:hover{ color:#a43571;}
#general .mod_unicef a:hover em{ color:#005969;}

#pie p .logo_lopd{ display:block; float:right; font-size:10px; color:#CCC; text-decoration:none; text-indent:-9000px; background:url(../images/b_lopd.png) no-repeat 0 0; width:163px; height:29px; margin:6px 0 0 20px;}

.plusone {
	float:right;
	margin-top:-105px;
}