/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
@media screen and (min-width: 600px) {
.doscol {-moz-column-count: 2;
-moz-column-gap: 50px;
-webkit-column-count: 2;
-webkit-column-gap: 50px;
column-count: 2;
column-gap: 50px;
margin-bottom:20px;
text-align:justify;
}

#contacto1, #contacto2 {width:45%; float:left;}
#contacto1 {margin-right:50px;}
img.imglogoh1 {float:left; margin-right:15px;}
h1.conlogo, h1.conlogo a, a.conlogo { line-height: 85px !important; height:85px!important; display:block;  margin-bottom:20px; }
}

@media screen and (max-width: 1200px) {
.horiznav ul.menunav{
	width:70%!important;
	float:right;
}

#lightbox-container-image-box {width:800px !important;}
}

@media screen and (max-width: 1200px) {
#topmenu_holder.dropped{
	width:100%!important;
}
#yv_container { width:800px !important; overflow:hidden;}
#gallery img { width:140px !important; height:92px !important;}

}
@media only screen and (min-width: 900px) and (max-width: 1200px)
{
.multicolumns .newsitem_text {width:300px !important;}
}
@media screen and (max-width: 1199px) {
.cym #yy_container,
.cym .yy_container,
.cym .yy_slider,
.cym .yy_slider .yy_slideitems,
.cym .yy_slider .yy_slideitems_in {
	width:100%!important;
	height:320px!important;
}
.cym .yjme_item div.imageholder,
.cym .yjme_item a.item_image,
.cym span.yj_hover_effect,
.cym img{
	max-width:100%!important;
	height:auto!important;
}
}

@media screen and (max-width: 1199px) {
.cme .yjme_item div.imageholder,
.cme .yjme_item a.item_image,
.cme span.yj_hover_effect,
.cme img{
	max-width:100%!important;
	height:auto!important;
}
.cme .yjme_item {
	margin:0 10px 0 0!important;
}
}

@media screen and (max-width: 980px) {
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
		margin-top:10px;
	}
	#default_video{
		width:100%!important;
	}
	
	#header {height:130px !important; width:250px !important ; float:left; z-index:15000;  }
	#header.dropped { overflow:visible !important;}
	#mmenu_holder {float:right!important; display:block!important;}
	#gallery img { width:220px !important; height:145px !important;}
	
}


@media screen and (max-width: 980px) {
#user6,#user7{
	width:100%!important;
}
.csubscribe{
	padding:0 0 0 20px;
}
#mmenu_holder {float:right!important; display:block!important;}
}



/* Shadow slider */
@media only screen and (min-width: 981px) and (max-width: 1199px) {
	#YjArtoSlider .slideintroPoz,
	#YjArtoSlider .content{
		width:980px!important;
	}
	#YjArtoSlider .video-js{
		width:500px!important;
		height:290px!important;
	}
	#YjArtoSlider #prev,
	#YjArtoSlider #next {
		display:none!important;
	}
}
@media only screen and (max-width: 980px) {
	#YjArtoSlider .slideintroPoz,
	#YjArtoSlider .content{
		width:100%!important;
	}
	#YjArtoSlider .introPartsLeft{
		width:60%!important;
		padding:10px 20px!important;
	}
	#YjArtoSlider .slideintro h1:after{
		left:20px;
	}
	
	
	
	
}
@media only screen and (min-width: 280px) and (max-width: 980px) {
	#YjArtoSlider .slides ul li img,
	#YjArtoSlider .placement img {
		height:auto!important;
	}
	#YjArtoSlider .video-js{
		width:370px!important;
		height:210px!important;
	}
	
}

@media only screen and (min-width: 750px) and (max-width: 1180px)
{
a.readon {padding: 5px 5px!important;}
}

@media only screen and (min-width: 750px) and (max-width: 980px)
{
.multicolumns .newsitem_text img { width:230px;}
.multicolumns .newsitem_text { width:230px !important;}
a.readon {height: 46px !important; padding: 5px 5px!important;}
 

}

@media screen and (max-width: 980px) {
#user1,
#user2{
	width:100%!important;
}
#user1 h2.module_title,
#user1 p{
	text-align:center;
}
#user1 br{
	display:none;
}


div.yjsg-newsitems .news_item_c  { width: auto !important;}
last.float-left.width33, div.yjsg-newsitems .float-left { width:33% !important; float:left;}
#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:370px !important;}

}

@media screen and (max-width: 940px)
{
#gallery img { width:210px !important; height:138px !important;}
.last.float-left.width33 { width:33% !important;}
div.yjsg-newsitems .float-left {width:33% !important;}

}

@media screen and (max-width: 800px) {
#yv_container { width:400px !important; overflow:hidden;}}



@media screen and (max-width: 750px) {
	#YjArtoSlider .introPartsRight{
		display:none!important;
		padding:20px;
	}
	#YjArtoSlider .video-js{
		width:570px!important;
		height:320px!important;
		margin:0 auto!important;
		float:none!important;
	}
	
	#gallery img { width:190px !important; height:125px !important;}
	div.yjsg-newsitems .float-left {width:100% !important;}
	

.yjsquare_in p { text-align:justify;}
.last.float-left.width33 { width:100% !important;}
#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:350px !important;}
}

@media screen and (max-width: 645px) {
.cym #yy_container,
.cym .yy_container,
.cym .yy_slider,
.cym .yy_slider .yy_slideitems,
.cym .yy_slider .yy_slideitems_in {
	height:1200px!important;
}
.cym .yjme_item, .cmt .yjme_item{
	width:100%;
	float:none;
}
.cym .yjme_item div.imageholder{
	margin:15px auto;
}
.cym .yjme_item a.item_title,
.cym .yjme_item p.item_intro{
	text-align:center;
}
#gallery img { width:150px !important; height:109px !important;}
#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:300px !important;}
}

@media screen and (max-width: 630px) {
#YjArtoSlider .navigation a{
	width:100px;
}
#gallery img { width:150px !important; height:109px !important;}
#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:250px !important;}
a.slide1bg {background-image: url(/images/sliders/slide1-600.jpg)!important;}
a.slide2bg {background-image: url(/images/sliders/slide2-600.jpg)!important;}
a.slide3bg {background-image: url(/images/sliders/slide3-600.jpg)!important;}

}

@media screen and (max-width: 569px)
{
#header { position:relative !important; }
#mmenu_holder { float:left !important;}
#topmenu_holder.dropped { position:relative!important;}
#mmenu_holder {margin-left:5px !important;}
img.imglogoh1 {clear:right;}

#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:200px !important;}

a.slide1bg {background-image: url(/images/sliders/slide1-600.jpg)!important;}
a.slide2bg {background-image: url(/images/sliders/slide2-600.jpg)!important;}
a.slide3bg {background-image: url(/images/sliders/slide3-600.jpg)!important;}


}
@media only screen and (min-width: 280px) and (max-width: 569px) {
	#YjArtoSlider .video-js{
		width:100%!important;
		height:320px!important;
		margin:0 auto!important;
		float:none!important;
	}
}
@media screen and (max-width: 480px) {
.cme .yjme_item{
	width:100%;
	float:none;
}
.cme .yjme_item div.imageholder{
	margin:15px auto;
}
.cme .yjme_item a.item_title{
	text-align:center;
}
.cme .yjme_item a.item_readmore{
	margin:10px auto;
	float:none;
}
#gallery img { width:120px !important; height:79px !important;}
a.slide1bg {background-image: url(/images/sliders/slide1-small.jpg)!important;}
.yjartoBgs
}


@media only screen and (max-width: 450px) {
#YjArtoSlider .navigation {
	left:10px;
	right:auto;
}
#YjArtoSlider .introPartsRight{
	width:90%!important;
	padding:20px!important;
}
#YjArtoSlider,
#YjArtoSlider .overlay, 
#YjArtoSlider .yjartoBgs, 
#YjArtoSlider .over_div, 
#YjArtoSlider .over_div .placement,
#YjArtoSlider .slider .slides, 
#YjArtoSlider .slides ul, 
#YjArtoSlider .slides ul li{
	height:200px!important;
}
a.slide2bg {background-image: url(/images/sliders/slide2-small.jpg)!important;}
a.slide3bg {background-image: url(/images/sliders/slide3-small.jpg)!important;}

#gallery img { width:160px !important; height:105px !important;}
.introPartsLeft h2 {
font-size: 1.5em;
line-height: 1.4em!important;
}

}

@media screen and (max-width: 380px) {
.csubscribe_button{
	margin:0px!important;
	clear:both;
	display:block;
}
#gallery img { width:140px !important; height:92px !important;}
}

@media screen and (max-width: 365px) {
#YjArtoSlider .navigation a{
	width:80px;
}
#gallery img { width:125px !important; height:82px !important;}



/*  Slider desarrollo */
.yv_slideitems_in {padding: 0 30px !important;}
.hovereffect img, .minititle, #yv_slider .yv_slideitems_in div.imageholder, .yv_slideitems_in .hovereffect { width:280px !important;}
#yv_container .linkBackward {left:10px!important; top:100px!important;}
#yv_container .linkForward { left:320px !important; top:100px!important;}
#yv_slider .yv_slideitems {width:350px !important;}
.minititle {line-height: 175px !important;}
#yv_slider .yv_slideitems_in { background: none !important;}


/*  desarollos */
.multicolumns .newsitem_text { width: 320px !important; }

#lightbox-container-image-box { width:270px!important;}
#lightbox-container-image img#lightbox-image {width:250px !important;}
#lightbox-container-image { width:250px!important;}
#lightbox-nav {height:150px !important;}

}
@media only screen and (max-width: 340px) {
#YjArtoSlider,
#YjArtoSlider .overlay, 
#YjArtoSlider .yjartoBgs, 
#YjArtoSlider .over_div, 
#YjArtoSlider .over_div .placement,
#YjArtoSlider .slider .slides, 
#YjArtoSlider .slides ul, 
#YjArtoSlider .slides ul li{
	height:200px!important;
}
#gallery img { width:110px !important; height:72px !important;}
}
/*  Module engine */



@media only screen and (max-width: 320px) 
{

/*  Slider desarrollo */
.yv_slideitems_in {padding: 0 30px !important;}
.hovereffect img, .minititle, #yv_slider .yv_slideitems_in div.imageholder, .yv_slideitems_in .hovereffect { width:220px !important;}
#yv_container .linkBackward {left:10px!important; top:100px!important;}
#yv_container .linkForward { left:260px !important; top:100px!important;}
#yv_slider .yv_slideitems {width:290px !important;}
.minititle {line-height: 165px !important;}

.multicolumns .newsitem_text img { width:250px !important;}
.multicolumns .newsitem_text {width:250px !important;}
a.readon {  padding: 5px 10px!important; font-size:95%!important;}
#YjArtoSlider, #YjArtoSlider .overlay, #YjArtoSlider .yjartoBgs, #YjArtoSlider .over_div, #YjArtoSlider .over_div .placement, #YjArtoSlider .slider .slides, #YjArtoSlider .slides ul, #YjArtoSlider .slides ul li {height:180px !important;}



}