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

***          YT Framework: CSS          ***

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

/****** Override *****/



a,

a:focus,

select,

select:focus,

button,

button:focus,

.btn,

.btn:focus{

	outline:none;

}

a.btn{

	padding:4px 10px;

}

h1, h2, h3, h4, h5, h6{

	font-weight:normal;

}

	.spanr.offsetr {

		float: right;

		margin-right: 20px;

	}

.patrocinadores-fnal{

	margin:10px 0 0 0;

}



.patrocinadores-fnal img{

	margin:0px 0 0 0;

}



.patrocinadores-fnal img:hover{

	margin:15px 0 0 0;

	-webkit-transition: margin 1s; /* Safari */

	transition: margin 1s;

}



body.sj_joomla3 {

    font-family: tahoma,sans-serif !important;

}



@media (min-width: 1500px){

 #position-0.offset3 {

    position: absolute;

    right: 392px;

    top: 111px;

    z-index:9999;

    display: none;

  }





}







@media (min-width: 1200px) and (max-width:1500px){

 #position-0.offset3 {

    position: absolute;

    right: 105px;

    top: 111px;

    z-index:9999;

     display: none;



  }





}





@media (min-width: 1200px) {

  .row {

    margin-left: 0px;

  }

  [class*="span"] {

    float: left;

    margin-left: 0px;

  }

  .container,

  .navbar-static-top .container,

  .navbar-fixed-top .container,

  .navbar-fixed-bottom .container {

    width: 1200px;
	min-height: 40px;

  }

  .span12 {

    width: 1200px;

  }

  .span11 {

    width: 1200px;

  }

  .span10 {

    width: 100%;

    margin-left:-10px !important;

  }

  .span9 {

    width: 880px;

  }

  .span8 {

    width: 100%;

    margin-left:-10px;

  }

  .span7 {

    width: 680px;

  }

  .span6 {

    width: 580px;

  }

  #yt_logoposition.span6 {

  width:260px;

  }

  .spans {width:400px}

  



  .span5 {

    width: 480px;

  }

  .span4 {

    width: 380px;

  }

  .span3 {

    width: 280px;

  }

  .span2 {

    width: 180px;

  }

  .span1 {

    width: 80px;

  }

  .offset12 {

    margin-left: 1220px;

  }

  .offset11 {

    margin-left: 1120px;

  }

  .offset10 {

    margin-left: 1020px;

  }

  .offset9 {

    margin-left: 920px;

  }

  .offset8 {

    margin-left: 820px;

  }

  .offset7 {

    margin-left: 720px;

  }

  .offset6 {

    margin-left: 620px;

  }

  .offset5 {

    margin-left: 520px;

  }

  .offset4 {

    margin-left: 0px;

  } 

 

  .offset2 {

    margin-left: 30px;*

  }

  .offset1 {

    margin-left: 120px;

  }

  

}



/****** Difine *****/





@media (min-width: 1200px) {

	.span2d4{

		width:220px;

	}

	.span4d8{

		width:460px;

	}

	.span7d2{

		width:700px;

	}

	.span9d6{

		width:940px;

	}

	.offset2d4{

		margin-left:260px;

	}

	.offset-7d2{

		margin-left:-740px;

	}

	.offset-9d6{

		margin-left:-940px;

	}

	.nogroup-right .offset-9d6,

	.offset-12{

		margin-left:-1185px;

	}



}

	



	/*.nogroup-right .offset-9d6{

		margin-left:-1180px

	}*/

	

	

	/*.content.layout-lmr.nogroup-left .span7d2,

	.content.layout-lmr.nogroup-right .span7d2,

	.span9d6{

		width:940px;

	}*/

	/*.content.layout-lmr.nogroup-right.nogroup-left .span7d2{

		width:1180px;

	}*/

/*	.row-fluid .span2d4 {

		width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */

/*	}

	.row-fluid .span4d8 {

		width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */

	/*}

	.row-fluid .span7d2 {

		width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */

	/*}

}*/



/* Normal(>980) && Tablet landscape (1024x768) */

@media (min-width: 980px) and (max-width: 1199px){



 	#position-0.offset3 {

    position: absolute;

    right: 12%;

    top: 111px;

    z-index: 9999; 

    display: none;



}

.buscador input.search-query { margin-right: -18px;

    width: 114px;}



#position-0 .search button, .buscador .search button {  right: -2px;}





	.span2d4{

		width:172px;

	}

	.span4d8{

		width:364px;

	}

	.span7d2{

		width:556px;

	}

	.span9d6{

		width:728px;

	}

	.offset2d4{

		margin-left:232px;

	}

	.offset-7d2{

		margin-left:-728px;

	}

	.offset-9 {

		margin-left: -700px;

	}

	.offset-12 {

		margin-left: -932px;

	}

	.row-fluid .span2d4 {

		width: 17.94871794871793%;  /* 2.4*8.54700854700854-2.564102564102564 */

	}

	.row-fluid .span4d8 {

		width: 38.46153846153843%;  /* 4.8*8.54700854700854-2.564102564102564 */

	}

	.row-fluid .span7d2 {

		width: 58.97435897435892%;  /* 7.2*8.54700854700854-2.564102564102564 */

	}

	#content_right .row > div{

		width:auto;

	}

	#content_right .row  > div > div{

		width:220px;

	}

	.layout-lmr #content_right .row  > div > div,

	.layout-lrm #content_right .row  > div > div,

	.layout-mlr #content_right .row  > div > div{

		float: left;

    	margin-left: 20px;

	}

	#content_right .row > div > div:first-child {

		margin-left: 0px;

	}	

	  

  .spanpg {width:78%;}

    

    

}







@media (min-width: 980px) and (max-width: 1024px) {

	#yt_logoposition h1.logo a {top: 10px;}

	#yt_menuposition ul.navi{margin-top:30px;}



 	#position-0.offset3 {

    position: absolute;

    right: 5%;

    top: 126px;

    z-index: 9999; }

     .spanpg {width:75%;}

}







/* Tablet portrait (768x1024) && Small tablet landscape (800x600) */

@media (min-width: 768px) and (max-width: 979px) {

	.span2d4 {

		width: 122px;

	}

	.span4d8 {

		width: 268px;

	}

	.span7d2 {

		width: 412px;

	}

	.span9d6{

		width:534px;

	}

	.offset-12{

		margin-left:-724px;

	}

	.row-fluid .span2d4 {

		width: 17.79005524861876%;  /* 2.4*8.5635359116022-2.7624309392265194 */

	}

	.row-fluid .span4d8 {

		width: 38.34254143646404%;  /* 4.8*8.5635359116022-2.7624309392265194 */

	}

	.row-fluid .span7d2 {

		width: 59.09335599943328%;  /* 7.2*8.5635359116022-2.564102564102564 */

	}

	

	#content_right .row > div{

		width:auto;

	}

	#content_right .row  > div > div{

		width:220px;

	}

	.layout-lmr #content_right .row  > div > div,

	.layout-lrm #content_right .row  > div > div,

	.layout-mlr #content_right .row  > div > div{

		float: left;

    	margin-left: 20px;

	}

	#content_right .row > div > div:first-child {

		margin-left: 0px;

	}

	ul.navi li.level1 {

		padding: 0 5px 0 8px;

		position: relative;

	}

	ul.navi li.level1.first {

		background:none;

		padding: 0 5px;

	}

	/*#yt_logoposition h1.logo a {top: 5px;}

	#yt_menuposition ul.navi{margin-top:30px;}

	

	/*Listing Content*/

	/*div.blog div.items-row .span6{width:100%;}

	#yt_spotlight2 .row > div#position-11{

		background:none;

	}

	div.carousel-caption {

		top: 25px;

		width: 60%;

	}*/

		#position-0{

		position:absolute;

		height:32px;

		width:40px;

		right:118px;

	    top:3px;

		z-index:9999;

	}



	#position-0 .search{

		margin:0 0;

		position:relative;

		height:32px;

		width:32px;

	}

	#position-0 .search-inner{

		background: #FFF url(../images/search-btn.png) no-repeat center center;

		border: 1px solid #CCCCCC;

    	border-radius: 5px 5px 5px 5px;

		height:28px;

		width:32px;

	}



	.buscador {  display: none;}



	#position-0 form{

		margin:0 0;

	}

	#position-0 .search button{

		background-color:#FFF;

		border:1px solid #CCC;

		border-radius:5px;

		padding:4px 15px;

		display:none;

	}

	#position-0 input.search-query{

		display:none;

		width:180px;

		top:32px;

		right:0;

	}

	#position-0 .search:hover input.search-query{

		display:block;	

	}

	

	.spanr.offsetr {position:absolute; right:0px; width:491px;}



}

@media (min-width: 768px) and (max-width: 860px) {

			#position-0{

		position:absolute;

		height:32px;

		width:40px;

		right:30px;

	    top:3px;

		z-index:9999;

	}

	.spanr.offsetr {position:absolute; right:0px; width:200px;}

	 .spanpg {width:73%;}

}



/* Small tablet portrait (600x800) & Mobile landscape (480x320) */

@media (max-width: 767px){

	body {

		padding:0;

	}

	.container {

	  	margin:0 auto;

		padding:0px;

	}

	#cpanel_btn{

		display:none;

	}

	.hidden-max676{

		display:none !important;

	}

	#yt_logoposition,

	#position-e,

	#position-14{

		width:100%;

	}

	#yt_menuposition ul.navi,

	#meganavigator{

		display:none;

	}

	#yt-mobilemenu{

		display:block;

		border:1px solid #CCC;

		margin-left:5px;

	}

	#yt_logoposition{

		text-align:center;

      padding:30px;

	}

	#yt_logoposition h1{

		margin-top:10px;

	}

	#yt_logoposition h1.logo a {

		position:static;

	}

	

	#yt_header .container{

		position:relative;

	}

	/*ESTILOS PARA EL SLIDE EN RESPONSIVE*/

	#yt_slideshow{

		display:block;

	}

	#yt_menuposition{

		margin:30px 0 0;

	}

	#position-0{

		position:absolute;

		height:32px;

		width:40px;

		right:17px;

	    top:3px;

		z-index:9999;

	}

	#position-0 .search{

		margin:0 0;

		position:relative;

		height:32px;

		width:32px;

	}

	#position-0 .search-inner{

		background: #FFF url(../images/search-btn.png) no-repeat center center;

		border: 1px solid #CCCCCC;

    	border-radius: 5px 5px 5px 5px;

		height:28px;

		width:32px;

	}



	.buscador {  display: none;}

	#position-0 form{

		margin:0 0;

	}

	#position-0 .search button{

		background-color:#FFF;

		border:1px solid #CCC;

		border-radius:5px;

		padding:4px 15px;

		display:none;

	}

	#position-0 input.search-query{

		display:none;

		width:180px;

		top:32px;

		right:0;

	}

	#position-0 .search:hover input.search-query{

		display:block;	

	}

	#yt_menuwrap{

		margin:25px 0 20px;

	}

	#yt_component .component-inner{

		padding:0px 0px 0 0px;

	}

	/* ESTILOS PARA SLIDE EN CUANTO AL ANCHO*/

	[class*="span"] {

		width: 100%;

		float:left;

	}

	[class*="span"] > div{

		margin: -14px 0px 0px 0px;

	}

	#yt_component,

	#content_left,

	#content_right,

	#content_main{

	  	width:100%;

		margin:0 0;

	}

	#content_right > div,

	#content_right > div,

	#content_left > div,

	#content_left > div{

	 	width:auto;

	}

	

	#content_right > div > div,

	#content_right > div > div,

	#content_left > div > div,

	#content_left > div > div{

	  	float:left;
	  	width:100%;
		text-align: -webkit-center;

	}

	#content_right > div > div > div,

	#content_right > div > div > div,

	#content_left > div > div > div,

	#content_left > div > div > div{

	  	width: 50%;

	  	float:left;

		margin:0 0;

	}

	#content_right > div > div > div div.module-inner,

	#content_right > div > div > div div.module-inner,

	#content_left > div > div > div div.module-inner,

	#content_left > div > div > div div.module-inner{

		margin:5px;

	}

	#yt_spotlight2 .row > div{

		background:none;

	}

	.spans.offset3 {display:none;}

	.spanr.offsetr {position:absolute; right:0px; width:225px;}

	.spanpg {width:100%;}

	



}



@media (max-width: 650px){

.spanr.offsetr {display:none}

.spanpg {width:100%;}

}





/* Mobile portrait (320x480) */

@media (max-width: 479px){

	[class*="span"] {

		width: 100%;

	}

	#content_right > div > div > div,

	#content_right > div > div > div,

	#content_left > div > div > div,

	#content_left > div > div > div{

	  	width: 100%;

	  	float:left;

		margin:0 0;

	}

	div.blog-featured div.article-info,

	div.item-page div.article-info,

	div.blog div.article-info{position: static;overflow: hidden;margin-bottom: 10px;padding: 0;}

	div.blog-featured div.article-info:after,

	div.blog div.article-info:after,

	div.item-page div.article-info:after{border: none;}

	

	.pull-left{float: none;}

	.spanr.offsetr {display:none}

	.spanpg {}

	

}





#content .container {padding: 0px 0px 0px 0px}





#yt_logoposition {margin-left: 0px; }



#position-6 {padding-left:0px; padding:0px; margin: 0px; }



.span9d6#yt_component {padding-left:0px;}



div#maximenuck119 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck119 ul.maximenuck li.maximenuck.level1 > span.separator {color: #fff !important;}

 



.catItemIntroText table {overflow-x: scroll; display:block;}



body.sj_joomla3 {font-family:Electrolize;}



.span7d2 #system-message-container {  display:none;}



body.sj_joomla3 .menupublicacionesMenu a { color: #297739 !important;}

body.sj_joomla3 .menudirectorioCriadores a { color: #003308 !important;}



body.sj_joomla3 .menupublicacionesMenu a:hover { color: #005908 !important;}

body.sj_joomla3 .menudirectorioCriadores a:hover { color: #005908 !important;}





.spanpf {width:100% !important; margin:8px 0 0 0;}

.spanpg {float:right !important;}

