/* media-queries.css */
/************************************************************************************
980
*************************************************************************************/

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

/************************************************************************************
HEADER LOGO
*************************************************************************************/	

#pagewrapLogo {
	width: 100%;
}	

#col_h_2 {
display:none;
}


#pagewrapTelefonos {
	width: 100%;
}

#Telefonos {
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	display:block;
	width: 100%; 
	max-width: 100%;
	height: auto;
	margin: 0 auto;	
	text-align:center;
}

/************************************************************************************
HEADER MENU
*************************************************************************************/

#pagewrapMenu {
	width: 100%;
}		

/************************************************************************************
CUERPO
*************************************************************************************/

#pagewrap {
	width: 100%;
}

/************************************************************************************
CONTENT
*************************************************************************************/

#content {
	width: 60%;
	padding: 3% 4%;
}

/************************************************************************************
SIDEBAR COMUNES A TODOS LOS
*************************************************************************************/

#sidebar {
	width: 32%;
}

#sidebar .widget01 {
	padding: 8% 7%;
	margin-bottom: 0px;
}
/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	width: auto;
	float: none;
	margin: 0px 0px;
	padding:0px;
}	

#footerBlock1 {
	float:none;
	width: auto;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}	

#footerBlock2 {
	float:none;
	width: auto;
	padding-top:0px;
}	

#footerMap {
	width: auto;
	float: none;
	margin: 0px 0px;
	padding:0px;
}

#footerBajo {
	width: auto;
	float: none;
	margin: 0px 0px;
	padding:0px;
}	

#footerBajoBlock1 {
	float: left;
	width: auto;
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1px;
}	

#footerBajoBlock2 {
	float: right;
	width: auto;
	padding-top:20px;
	text-align:center;
}
/************************************************************************************
VIDEO
*************************************************************************************/	

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
	min-height: 300px;
}
#footerBajoReferers {
display:none;
}

}

/************************************************************************************
768
*************************************************************************************/

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

/************************************************************************************
GALERIA DE FOTOS O VIDEOS
*************************************************************************************/

#ContentFancybox{ 
display:none;
}

#footerBajo {
	width: auto;
	float: none;
	margin: 0px 0px;
	padding:0px;
	height:auto;
}
#footerBajoBlock1 {
	display: none;
}

#footerBajoBlock2 {
/*	float:right; */
float:none;
	width:auto;
	height:auto;
	margin:0 auto;
	text-align: center;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	display: block;
	background-color:#323E4A;
}

.GalMuestra3gallery li {
background:#E1E0CD;
float: left; 
width: 50%; 

}
}
/************************************************************************************
650
*************************************************************************************/

@media screen and (max-width: 650px) {
.titulo {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 29px;
	color: #333333;	
	margin: 0 0 5px;
	padding: 0;

}
body {
	font: .81em/150% Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #E4ECDF;
	background-image:url(body01.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-attachment: fixed;	
	background-position: bottom center;			
}
#footerBajoReferers {
display:none;
}
/************************************************************************************
HEADER LOGO
*************************************************************************************/	

#pagewrapLogo {
	width: 100%;
}	

/************************************************************************************
HEADER MENU
*************************************************************************************/

#pagewrapMenu {
	width: 100%;
}

/************************************************************************************
CONTENT
*************************************************************************************/	

#content {
	width: auto;
	float: none;
	margin: 0px 0px;
}

/************************************************************************************
CONTENT COLUMNAS
*************************************************************************************/

#colu_2_1 {
	width: 48%;
	float:left;
}

#colu_2_2 {
	width: 48%;
	float:right;
}
#colu_2_3 {
	width: 48%;
	float:right;
}

/************************************************************************************
SIDEBAR COMUNES A TODOS LOS
*************************************************************************************/

#sidebar {
	width: 100%;
	margin: 0;
	float: none;
}

#sidebar .widget01 {
	padding: 3% 4%;
	margin: 0 0 0px;
	margin: 0px 0 0px;		
}

/************************************************************************************
FOOTER
*************************************************************************************/

#footer {
	width: 100%;
}
#footerMap {
	width: 100%;
	display:none;
}
/*#footerBajo {
	width: 100%;
}*/
/************************************************************************************
VIDEO
*************************************************************************************/	
.video embed,
.video object,
.video iframe {
	min-height: 250px;
}

/************************************************************************************
HEADER LOGO
*************************************************************************************/	
/*#col_h_1 {
		background-image:url(../imagenes_sis/template/Logo2.png)   
}*/


.widget04 img { 
width: 80%; 
height: auto; 
margin: 0 0 0px;


}


.widget04gallery li {
float: left; 
width: 33.33333333%;
/*width: 19.55555555%;*/
}

/************************************************************************************
GALMUESTRA2
*************************************************************************************/

.GalMuestra2 {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:left;
/*	padding: 10px 20px;*/
}

.GalMuestra2 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.GalMuestra2gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.GalMuestra2gallery ul {
	margin: 0;
	padding: 0;
}

.GalMuestra2gallery li {
float: left; 
width: 25%; 
}

.GalMuestra2gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}




}

/************************************************************************************
480
*************************************************************************************/

@media screen and (max-width: 480px) {
.titulo {
	font-family: "OpenSans-Light",Arial,Helvetica,Sans-Serif;
	font-size: 24px;
	color: #333333;	
	margin: 0 0 5px;
	padding: 0;

}

#content img.alignleft, a img.alignleft {
width:40%;
	float:left;
	margin: 0px 10px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}
#content img.taller, a img.taller {
width:100%;
	float:left;
	margin: 0px 0px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}

#content img.taller2, a img.taller2 {
width:25%;
	float:left;
	margin: 0px 0px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}

#content img.taller2, a img.taller2 {
width:35%;
	float:left;
	margin: 0px 0px 3px 0px; 
/*	border: solid 0px; 
	border-color:#BC6C65*/

}
/************************************************************************************
HEADER LOGO
*************************************************************************************/	
#col_h_1 {
	float: left;
	width: 100%;
	display: block;
	height: auto;	  
		/*background-image:url(../imagenes_sis/template/Logo2.png)*/   
}

#col_h_1 img {
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	width: 70%; 
	max-width: 70%;
	height: auto;
}
#Telefonos img {
	/*width: auto/9;*/ /* ie8 */ /* No valida en css */
	width: 100%; 
	max-width: 100%;
	height: auto;
}

/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}

.widget04 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;
}

.widget04gallery li {
float: left; 
/*width: 33.33333333%;*/
width: 50%; 
/*width: 19.55555555%;*/
}
/************************************************************************************
GALMUESTRA2
*************************************************************************************/

.GalMuestra2 {
	background: #E3EDD4;
	margin: 0 0 0px;
	text-align:left;
/*	padding: 10px 20px;*/
}

.GalMuestra2 img { 
width: 100%; 
height: auto; 
margin: 0 0 0px;


}

.GalMuestra2gallery { 
list-style: none; 
padding: 0; 
margin: 0; 
}

.GalMuestra2gallery ul {
	margin: 0;
	padding: 0;
}

.GalMuestra2gallery li {
float: left; 
width: 50%; 
}

.GalMuestra2gallery li img { 
display: block; 
width: 100%; 
height: auto; 
}


.GalMuestra3gallery li {
background:#E1E0CD;
float: left; 
width: 100%; 

}

}