/*
	Metodolog�a CSS: http://wiki.trevenque.es/index.php/Desarrollo_Web
	
	Anibal Barnes - GTK
	
	_home_festival
*/


/* FONDO EDICION body{ background:url(images/bg_body_edi_home.png) repeat-x}*/
/*body{ background:url(images/bg_body_home.png) repeat-x}*/
/*#header {width:960px; padding-left:14px; height:135px}*/
.container {width:988px; margin:0 auto; display:block; clear:both; overflow:hidden;padding:30px 0 0 0;
min-height: 75%;}
#top{width:936px;background: url(images/sombra_ie.png) no-repeat;height:224px;padding:29px 24px 32px 28px;}
div>#top{background: url(images/sombra.png) no-repeat}
/*.imagen_index{ width:660px; height:226px; float:left;}*/
/*.imagen_index img{ width:660px; height:226px}*/
.texto_index{ width:245px; height:226px; float:right;}
/*#container2{ width:988px}*/
#container2{ width:1040px;background: #ffffff; padding: 30px 40px 0 !important;}
.imgPresentacion { background:url(images/presenta.jpg) no-repeat;width:661px;height:226px;}

/*#content{width:660px;padding-right:45px}
#center { width:660px; padding:26px 45px 70px 14px; float:left; overflow:hidden}
#right {width:255px;border:0;padding:17px 0 0; display:block; float:left;overflow:hidden}*/
#content{width:705px;width:100%;padding-right:0}
#center { /*width:680px;*/width:650px; padding:26px 20px 70px 0; margin-right:20px;float:left; overflow:hidden;border-right:3px solid #EBEBEB}
#right {width:255px;border:0;padding:17px 0 0;display:block; float:left;overflow:hidden}


#center h2,#center h4,#right h4  {
    color: #000;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 1.3em !important;
    font-weight: 700 !important;
    margin-bottom: 13px;
}



#center #partnerSlider h4{
	font-size: 1.2em !important;
	color: #df0000;
	font-weight: 500 !important;
}
#content ul.menu {
    background: transparent !important;
	margin-bottom:0 !important;
}

/* TEXTO RIGHT home***********************/
/*#top h4{ width:255px; height:20px; background: url(images/tit_hoy.png) no-repeat; text-indent:-9000px; margin:0 0 10px 0}*/
#top h3{ font: italic bold 1.16em Georgia, "Times New Roman", Times, serif; color:#333; margin:0 0 15px 0}
#top p.bodytext{ width:232px; line-height:1.2em; margin:0; padding:0; font-size:0.9em}
#top p.bodytext a{color:#009999}
#top p.bodytext a:hover{ text-decoration:none}

/* distribuidores home***********************/
#content ul.menu{ display:block; clear:both; overflow:hidden; /* padding-bottom:20px;margin-bottom:50px;*/ background:url("images/separa_index.gif") repeat-x scroll left bottom transparent}
/*#content ul.menu li{ width:315px; margin-right:20px;}*/
#content ul.menu li{ width:300px; /*margin-right:32px;*/margin-right:27px;}
#content ul.menu li.right{ margin-right:0}


/* noticias portada*****/
#center #content .news-list-item { width:645px; background:transparent}
#center #content .news-list-date{ display:none}
#center #content .news-list-item h2 a{width:645px;font: italic bold 1em Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:0; text-decoration:none;background:transparent;line-height:1.4em;}
div>#content .news-list-item h2 a:hover{background:transparent;}

#center #content .news-list-item h2 a:hover{ text-decoration:underline;background:transparent }
div>.news-list-item h2 a:hover{background:transparent; *background:transparent}


#center #content .news-list-item .contenido{width:645px;}

span.tituloEventos{ display:block; overflow:hidden; clear:both;width:108px; height:24px; text-indent:-9000px;background:url(images/titulo_eventos.png) no-repeat}
span.tituloEventos_e{ display:block; overflow:hidden; clear:both;width:108px; height:24px; text-indent:-9000px;background:url(images/titulo_eventos_e.png) no-repeat}

#center h2 { margin:0}


/*noticia blog***********************/
.news-latest-container {padding:19px 0 0 0;display:block; clear:both; overflow:hidden;background:url(images/separa_index.gif) repeat-x left bottom}
/*.news-latest-container .titulo a{ width:100%; height:24px; padding-bottom:9px;display:block;text-indent:-9000px;background: url(images/sprite.png) no-repeat -647px -576px;}*/
.news-latest-container .titulo a{ width:100%; height:24px; padding-bottom:9px;display:block;text-indent:-9000px;background: url(images/titulo_blog.png) no-repeat left top}
.news-latest-container .news-latest-date{display:none}
#content .news-latest-container h2{ font: italic bold 1.33em Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:0; text-decoration:none}
#content .news-latest-container a{color:#333; text-decoration:none}
#content .news-latest-container a:hover{ text-decoration:underline}

#content .news-latest-container .news-latest-item{
    margin-bottom:10px; 
}
#content .news-latest-container .news-latest-item br.clear{
    font-size:1px;
    height:1px;
    padding: 0px;
    margin: 0px;

}
.news-latest-gotoarchive{ display:none}


/*im�genes right***********************/
#right .csc-textpic.csc-textpic-right,#right .csc-textpic.csc-textpic-center {
float:left;
margin:0;
}
#right .csc-textpic.csc-textpic-left {
float:left;
margin:0 0 0 0px;
}
div>#right .csc-textpic.csc-textpic-center{ margin:0}

/* bloques twitter, flicker, blog***********************/
.blog{width:100%; height:24px; display:block;background: url(images/sprite.png) no-repeat -580px -647px; text-indent:-9000px}
.tx-timtabflickrrss-pi1, .wttwitter, .patrocinio {/* padding:0 0 19px 0; margin-bottom:14px;background:url(images/separa_index.gif) repeat-x left bottom;*/ display:block; clear:both; overflow:hidden}
/*.flicker span{width:100%; height:16px; display:block;background: url(images/sprite.png) no-repeat -4px -213px; text-indent:-9000px}*/
.tx-timtabflickrrss-pi1{ padding-top:25px;background: url(images/flicker.png) no-repeat  left top;}
.tx-timtabflickrrss-pi1 img{ width:48px} 

.wttwitter span a{width:100%; height:21px;display:block;background: url(images/sprite.png) no-repeat -4px -232px; text-indent:-9000px}
#wt_twitter_newsticker{
	border:none;
}
#wt_twitter_newsticker ul.wttwitter_feed{margin:5px 0 0 0 ; padding:0 0 0 44px;font: italic normal 1em Georgia, "Times New Roman", Times, serif; color:#666;min-height:100px;}
#wt_twitter_newsticker a#togglenewsticker{
	display:none
	
}


#right .csc-default .divider, #content .csc-default .divider  { width:100%; height:11px;background:url(images/separa_index.gif) repeat-x;margin-bottom:10px;  border:0}
#right .csc-default .divider{ margin:14px 0 16px 0}



/* patrocinadores
*/


#partnerSlider {
	width: 100%;

	height:260px;
	margin: 0 auto;
	position: relative;
}

#partnerSlider > div {
	list-style: none;
	height: 480px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}

#partnerSlider > div div.csc-default {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 1em;
	background: #fff;
}
#partnerSlider img{
	/*width:100%;*/
	/*height:auto*/
	/*max-width:120px;*/
	/*float:left;*/
	/*max-width:150px;
	/*max-height: 100px;*/
	/*padding:10px;*/
	vertical-align:middle;
}
#partnerSlider img[title*="Entidad protectora"]{
	max-width:295px;
	max-height: auto !important;
}
#partnerSlider img[title*="Patrocinadores"]{
	max-width:120px;
	max-width:auto !important;
	max-height: 100px;
}
#partnerSlider img[title*="Patrocinadores principales"]{
	max-width:200px;
	max-height: auto !important;
}

#partnerSlider img[title*="Socios colaboradores"]{
	max-width:85px;
	max-height: auto !important;
}
#partnerSlider img[title*="Colaboración"]{
	max-width:200px;
	max-height: auto !important;
}



#partnerSlider > div div.csc-default strong{
	position:absolute;
	display:block;
	left:20%;
	top:12%;
	max-width:50%;
	color:#FFF;
	font-style:italic;
	font-size:24px;
}
#partnerSlider > div div.csc-default strong br{
	line-height:0.2em;
}
/* Whithout JS, we use :target */
#partnerSlider > div div.csc-default:target {
	z-index: 100;
}

#partnerSlider nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3.313em;
	z-index: 1000;
	overflow: hidden;
	/*width:800px;*/
	width:100%;
	margin:auto;
	text-align:center;
}
#partnerSlider nav a {
        float: none;
        width:10px !important;
        height:10px !important;
        border:0px solid black;
        text-indent:-9000px;
        position: relative;
        margin:4px;
        background-color:#eee;
        display:inline-block;
        clear:both;
        overflow:hidden;
        }

       #partnerSlider nav a:hover {
                background-color: #df0000;
                color: #fff;
        }
       #partnerSlider nav a.rc-active {
        background-color: #df0000 !important;
        color: #fff;
        }

#partnerSlider nav a span {
	display: block;
}

/* Iconfont for navigation and headings */
#partnerSlider [class^="icon-"]:before,
#partnerSlider [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	text-align: center;
	speak: none;
	font-weight: normal;
	line-height: 2.5;
	font-size: 2em;
	position: absolute;
	left: 10%;
	top: 50%;
	margin: -1.250em 0 0 0;
	height: 2.500em;
	width: 2.500em;
	color: rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
}

#partnerSlider .icon-wolf:before {
	content: "\56";
}

#partnerSlider .icon-rabbit:before {
	content: "\52";
}

#partnerSlider .icon-turtle:before {
	content: "\54";
}

#partnerSlider .icon-platypus:before {
	content: "\42";
}

#partnerSlider .icon-aligator:before {
	content: "\41";
}

#partnerSlider [class^="icon-"].rc-active:before,
#partnerSlider [class*=" icon-"].rc-active:before,
#partnerSlider nav a:hover:before {
	color: rgba(255,255,255,0.9);
}

#partnerSlider h3 {
	font-size: 4em;
	height: 2em;
	line-height: 1.7;
	font-weight: 300;
	margin: 0 0 0.3em;
	position: relative;
	color: #47a3da;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 0.3em;
	padding: 0 0.2em 0 0;
}

#partnerSlider h3[class^="icon-"]:before,
#partnerSlider h3[class*=" icon-"]:before {
	top: 0;
	left: 0;
	width: 2em;
	line-height: 1;
	height: 1.2em;
	margin: 0;
	color: #47a3da;
}

#partnerSlider div > div.csc-default {
	position: absolute;
	top: 0;
	bottom: 3.313em;
	width: 100%;
	left: 0;
	padding: 0;
	overflow:hidden;
	/*padding: 0 1em;
 * 	overflow-x: hidden;
 * 		overflow-y: auto;*/
}

#partnerSlider .cbp-content {
	-webkit-column-rule: 1px dashed #47a3da;
	-moz-column-rule: 1px dashed #47a3da;
	column-rule: 1px dashed #47a3da;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	-o-column-gap: 1em;
	column-gap: 1em;
	vertical-align: top;
	padding: 1em 0;
}

#partnerSlider p {
	color: #47a3da;
	padding: 0 0.5em 0.4em;
	margin: 0;
	font-size: 1.2em;
	font-weight: 300;
	text-align: justify;
	line-height: 1.6;
}

/* Media queries */

@media screen and (max-width: 70em) {
	#partnerSlider p {
		font-size: 100%;
	}
}

@media screen and (max-width: 67.75em) {

	#partnerSlider { font-size: 85%; }

	#partnerSlider nav a[class^="icon-"]:before,
	#partnerSlider nav a[class*=" icon-"]:before {
		left: 50%;
		margin-left: -1.250em;
	}

	#partnerSlider nav a span {
		display: none;
	}
}

@media screen and (max-width: 43em) {

	#partnerSlider h3 {
		font-size: 2em;
	}

	#partnerSlider .cbp-content {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}

	#partnerSlider li > div {
		top: 5em;
	}

}

@media screen and (max-width: 25em) {
	#partnerSlider nav a { padding: 0;}
	#partnerSlider h3[class^="icon-"]:before,
	#partnerSlider h3[class*=" icon-"]:before { display: none;}
}

/*#photoSlider{ 
overflow:hidden;
height:226px;
width:655px;
position:relative;
padding:0px 18px;
left:-18px;
}
#photoSlider #slider{
	height:226px; 
}
#photoSlider .csc-default{
	margin:0px !important;
}
#partnerSlider .csc-textpic-imagerow{
    float: left !important;
    width: 100px !important;
}
#partnerSlider .csc-textpic-imagerow ul{
    float: left !important;
    width: 100px !important;
}
#partnerSlider .csc-textpic-imagewrap ul li.csc-textpic-image{
    height: auto !important;
    float: none !important;
}*/
/*slider Container*/
/*#photoSlider #slider div, #photoSlider dl,#photoSlider dd, #photoSlider dt{display:inline;}
#photoSlider #slider div.csc-default{display:block;float:left;padding:0px;position:absolute;background:#FFF}
#photoSlider #slider{position:absolute;z-index:1}
#photoSlider #leftControl, #photoSlider #rightControl{background-image:url(images/sliderArrow.png);background-repeat:no-repeat;cursor:pointer;height:36px;width:36px;text-indent:-1000000px;position:absolute;z-index:2;top:95px;cursor:pointer}
#photoSlider #rightControl{background-position:right top; right:0px;}
#photoSlider #leftControl{ background-position:left top;left:0px;}
#photoSlider #rightControl:hover{background-position:right bottom; right:0px;}
#photoSlider #leftControl:hover{ background-position:left bottom;left:0px;}
*/


/* main wrapper */
#photoSlider #slider {
	width: 100%;
	/*height: 70%;*/
	height:480px;
	margin: 0 auto;
	position: relative;
}

#photoSlider #slider > div {
	list-style: none;
	/*height: 550px;*/
	height: 480px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}

#photoSlider #slider > div div.csc-default {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 1em;
	background: #fff;
}
#photoSlider #slider img{
	width:100%;
	/*height:auto*/
}
#photoSlider #slider > div div.csc-default strong{
	position:absolute;
	display:block;
	left:20%;
	top:12%;
	max-width:50%;
	color:#FFF;
	font-style:italic;
	font-size:24px;
}
#photoSlider #slider > div div.csc-default strong br{
	line-height:0.2em;
}
/* Whithout JS, we use :target */
#photoSlider #slider > div div.csc-default:target {
	z-index: 100;
}

#photoSlider #slider nav {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3.313em;
	z-index: 1000;
	overflow: hidden;
	width:800px;
	margin:auto;
	text-align:center;
}

/*#photoSlider #slider nav a {
	float: none;
	width: 20%;
	height: 100%;
	width:22px !important;
	height:22px !important;
	text-indent:-9000px;
	font-size:10px;
	letter-spacing: 0.1em;
	overflow: hidden;
	color: #47a3da;
	background: #fff;
	outline: none;
	text-align: center;
	line-height: 3;
	position: relative;
	text-transform: uppercase;
	margin: 4px ;
	-webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}*/

#photoSlider #slider nav a span {
	display: block;
}
/*
#photoSlider #slider nav a:last-child {
	border: none;
	box-shadow: 1px 0 #47a3da;  fills gap caused by rounding *
}

#photoSlider #slider nav a:hover {
	background-color: #47a3da;
	color: #fff;
}/

/*#photoSlider #slider nav a.rc-active {
	background-color: #47a3da;
	color: #fff;
} */

/* Iconfont for navigation and headings */
#photoSlider #slider [class^="icon-"]:before, 
#photoSlider #slider [class*=" icon-"]:before {
	font-family: 'icomoon';
	font-style: normal;
	text-align: center;
	speak: none;
	font-weight: normal;
	line-height: 2.5;
	font-size: 2em;
	position: absolute;
	left: 10%;
	top: 50%;
	margin: -1.250em 0 0 0;
	height: 2.500em;
	width: 2.500em;
	color: rgba(0,0,0,0.1);
	-webkit-font-smoothing: antialiased;
}

#photoSlider #slider .icon-wolf:before {
	content: "\56";
}

#photoSlider #slider .icon-rabbit:before {
	content: "\52";
}

#photoSlider #slider .icon-turtle:before {
	content: "\54";
}

#photoSlider #slider .icon-platypus:before {
	content: "\42";
}

#photoSlider #slider .icon-aligator:before {
	content: "\41";
}

#photoSlider #slider [class^="icon-"].rc-active:before, 
#photoSlider #slider [class*=" icon-"].rc-active:before,
#photoSlider #slider nav a:hover:before {
	color: rgba(255,255,255,0.9);
}

#photoSlider #slider h3 {
	font-size: 4em;
	height: 2em;
	line-height: 1.7;
	font-weight: 300;
	margin: 0 0 0.3em;
	position: relative;
	color: #47a3da;
	text-transform: uppercase;
	text-align: right;
	letter-spacing: 0.3em;
	padding: 0 0.2em 0 0;
}

#photoSlider #slider h3[class^="icon-"]:before, 
#photoSlider #slider h3[class*=" icon-"]:before {
	top: 0;
	left: 0;
	width: 2em;
	line-height: 1;
	height: 1.2em;
	margin: 0;
	color: #47a3da;
}

#photoSlider #slider div > div.csc-default {
	position: absolute;
	top: 0;
	bottom: 3.313em;
	width: 100%;
	left: 0;
	padding: 0;
	overflow:hidden;
	/*padding: 0 1em;
	overflow-x: hidden;
	overflow-y: auto;*/
}

#photoSlider #slider .cbp-content {
	-webkit-column-rule: 1px dashed #47a3da;
	-moz-column-rule: 1px dashed #47a3da;
	column-rule: 1px dashed #47a3da;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	-o-column-gap: 1em;
	column-gap: 1em;
	vertical-align: top;	
	padding: 1em 0;
}

#photoSlider #slider p {
	color: #47a3da;
	padding: 0 0.5em 0.4em;
	margin: 0;
	font-size: 1.2em;
	font-weight: 300;
	text-align: justify;
	line-height: 1.6;
}

/* Media queries */

@media screen and (max-width: 70em) { 
	#photoSlider #slider p {
		font-size: 100%;
	}
}

@media screen and (max-width: 67.75em) {

	#photoSlider #slider { font-size: 85%; }

	#photoSlider #slider nav a[class^="icon-"]:before, 
	#photoSlider #slider nav a[class*=" icon-"]:before {
		left: 50%;
		margin-left: -1.250em;
	}

	#photoSlider #slider nav a span {
		display: none;
	}
}

@media screen and (max-width: 43em) {

	#photoSlider #slider h3 {
		font-size: 2em;
	}

	#photoSlider #slider .cbp-content {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}

	#photoSlider #slider li > div {
		top: 5em;
	}

}

@media screen and (max-width: 25em) { 
	#photoSlider #slider nav a { padding: 0;}
	#photoSlider #slider h3[class^="icon-"]:before, 
	#photoSlider #slider h3[class*=" icon-"]:before { display: none;}
}


/*vídeos youtube*/
#right .csc-textpic-intext-right{ float:left; width:255px;height:40px}
#right .csc-textpic-intext-right a.external-link-new-window{ /*float:left;*/ width:220px; clear:none; display:inline}