@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans);


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead,  article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	line-height: 1;
}

/* ------- GENERALES  --------*/


body {
	background-image: url(../images/back.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	}

.container {
	width: 320px;
	margin: 0 auto;
	font-family: 'Noto Sans', sans-serif;
	}
	
.logo {
	position:absolute;
	z-index:100000;

	}
#simplegallery1{
	width:320px !important;
	border-top-width: 2px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #630;
	border-bottom-color: #630;
	} 

	
	
/* ------- Menu  --------*/	
.menu ul {
  display: none;
 }
.menu select { display: inline-block; }

	
.menu {
	margin-top: 10px;
	height: 54px;
	margin-left:160px;
}

  .menu ul {
	padding-top: 1px;
	list-style: none;
	font-family: 'Quicksand', sans-serif;
	font-size: 19px;
	font-weight: lighter;
  }
  
  .menu ul li {
	  float: left;
	  display: inline-block;
	  text-align: center;
	  margin-top:17px;
  } 
  
  .menu ul li a {
   color:#000;
   padding:16px 10px 16px 10px;
   text-decoration: none;
   background: #FE920A;
  -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
}

	.menu ul li a:hover { 
	color:#FFF;
	background: #E85C00;
}
  
 #nolink {
	 background-color: #C15000;
	 color:#FFF;
	 padding:16px 23px 18px 23px;
	 margin-top:0px;
	 }
/* ------- contenido  --------*/	


.sombra img{
	display:none;
	} 

.cont_der {
	width:100%;
	}
	
.caja a{
	text-decoration:none;
	width:95%;
}
.caja a:hover {
	margin:25px 5px 10px 5px;
	padding:5px;
	-webkit-box-shadow: 5px 4px 10px #ECECEC;
	-moz-box-shadow: 5px 12px 10px #ECECEC;
	box-shadow: 5px 12px 10px #ECECEC;
	}
.caja img{
	width:100%;
}

.caja2{
	width:100% !important;
	}
	
iframe {
	width:95% !important;
	}
.banner img {
	width: 95%;
	height:auto;
	}



/* ------- contenido  izq --------*/
.cont_izq {
	width:90%;
	background-color: #FFCC99;
	padding: 15px;
	}

.noticias img {
	margin-left:10px;}
.noticias  a {
	text-decoration:none;
	color:#630;
	} 
.noticias a:hover {
	text-decoration: underline;
	color: #600;
	} 

	/*-----------------internas------------------------*/	
	
.contenido_int  img {
		width:95%;
		height:auto;
}
.seccion {
	margin-top:50px;
	}
.seccion h1 {
	padding-top:50px;
	font-size: 20px;
	padding-right:10px;
	}
	.titulos {
		margin:20px 10px;
	font-size: 24px;
	color: #973800;
	text-align: right;
	border-bottom-width: thin;
	border-bottom-style: double;
	border-bottom-color: #FC8927;
}
.programa_div {
	padding: 8px;
	margin:0 -10px;
	font-size: 12px;
}
.div_programacont {
	padding: 8px;
	margin:0 -10px;
	font-size: 12px;
}

	
	/*-----------------Footer------------------------*/
.footer{
	padding:20px 10px ;	
	}
	
/*-----------------Itboom------------------------*/
.marca {
	width:95%;
	margin: 0 auto;
	margin-top:10px;
	}
/*-----------------Itboom------------------------*/	
	
	.CSSTableGenerator {
	margin-left:-20px !important;
	width:320px !important;	
}
.CSSTableGenerator table{
	width:320px !important;
}