/* GoogleFont */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Abel);


*{margin: 0; font-weight: normal;}

/* Estilos generales */
.contenedor{ max-width: 960px; margin: 0 auto 0 auto;}
html{ font-size:  100%}
body{ font-family: Abel; font-size: 10px;}
header{ background-color: #37c1aa; width: 100%; min-height: 187px;position: relative;float: center;box-sizing: border-box;padding: 2%;margin: 0;}
.logo{ position: absolute; top: 20px;left:30px;box-sizing: border-box;text-align: center;}
.iniciarsesion{ position: relative;float: right; text-align: right; margin-top: 3px;margin: 0 55px 0 0;box-sizing: border-box; }
.separador{ clear: both;}



/**** CSS PROGRAMACION ****/

section{ width: 100%;margin: 0 auto; position: relative; float: left;}
article{position: relative; float: left;}
.tablaprogramacion{width: 75%;font-family: 'Oswald', sans-serif; font-size: 13px; font-weight: 700;box-sizing: border-box;margin: 0%;padding: 2%; background-color: #ebe3ce; display: block; float: left;min-height: 650px;}
.espacionota{ margin-bottom: 13px;}
#fototabla{ padding: 0;}


.articuloprogramacion1 {min-height: auto;background: #f2db5b;position: relative;float: left;margin: 0%;padding: 2%;width: 25%;min-height: 650px;box-sizing: border-box;}


aside{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: #ebe3ce; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 45%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}


.separadorespaciofooter{ clear: both;margin-top: 10px;}
.separadorespaciobanner{ clear: both;margin-top: 0px;}
footer{ background-color: #ebe3ce;width: 100%; height: 100px; text-align: center;box-sizing: border-box;padding: 2em;}

/* Menú */
header nav{ float: center; margin-top: 30px;}
header nav ul{ list-style-type: none;}
header nav ul li{ display: inline;box-sizing: border-box;padding: 3%;}
header nav ul li a{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; font-weight: 300;}
header nav ul li a:hover{color: #333333;text-decoration:underline;font-weight: 400;}
section{ width: 100%}
h22{ text-decoration: none; color: #333333; padding: 11px;font-family: 'Oswald', sans-serif; font-size: 17px; text-decoration:underline;font-weight: 400;}

h1{font-family: 'Oswald', sans-serif; font-size: 19px; font-weight: 400;background:#f2db5b;width: 180px;box-sizing: border-box; padding: 2px 6px 2px 6px;display: inline;}
h2{font-family: 'Oswald', sans-serif; font-size: 23px; font-weight: 700;}
h3{font-family: 'Oswald', sans-serif; font-size: 29px; font-weight: 700;line-height: 30px; }
h4 {font-family: 'Oswald'; font-weight: 700; font-size: 22px; }


b{ font-size: 13px; font-weight: 300;}
b1{ font-size: 11px; font-weight: 300;display: inline;}
b2{ font-size: 16px; color: #333333;font-weight: 700;display: inline;}
b3{ font-size: 17px; color: #333333;font-weight: 700;display: inline;}
p1{ font-size: 12px; text-align: center;margin: 0%; padding: 0%;}
p2{ font-size: 13px; letter-spacing: 5px;text-align: center;}
p3{font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 300; text-align: left;}
p3b{font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 400; text-align: left;color: #37c1aa;}
p4{font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;}
p5{font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 400; text-align: left;}
p6{font-family: 'abel', sans-serif; font-size: 15px; font-weight: 300; text-align: left;}
p7 {font-family: 'Oswald'; font-weight: 400; font-size: 12px;}


/**** CSS iniciar sesion ****/

/**** Formulario iniciar sesion  *****/

.form_container1 {
width: 400px;
clear: both;
margin: 5px auto;
text-align: right;
float: right;
margin-top: -15px;
box-sizing: border-box;
}
.form_container2{
    width: 400px;
    clear: both;
	margin:5px auto;
	text-align:right;
    float: right;
    box-sizing: border-box;
    
}

.button_text2
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:3px; 
    font-family: 'Oswald', sans-serif; font-size: 10px; font-weight: 400;
    letter-spacing: 2px;
}
input.large2
{
	width:115px;
     border-radius:5px;
}


/**** CSS CONTACTO ****/

/**** Formulario contacto  *****/
#form_container
{
	background:#ebe3ce;
	margin:0 auto;
	text-align:left;
	width:100%; 
}

form.appnitro
{
	margin:15px 0px 0;
	padding:0 0 20px;
}

/**** Formulario contacto seccion ****/
.appnitro
{
	font-family:'Oswald';
	font-size:small;
}

.appnitro li
{
	width:68%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding:4px 5px 6px 0px;
	position:relative;
}
.buttons
{
	clear:both;
	display:block;
	margin-top:10px;   
}
.button_text
{
    background-color:  #f2db5b;
    border-radius:5px;
    padding:5px; 
    font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 400;
    letter-spacing: 2px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;   
}
.description 
{font-family: 'Oswald', sans-serif; font-size: 15px; font-weight: 300;
    }
.form_description[class]
{
	display:block;
}

.form_description h1
{
	clear:left;
    display: inline;
}

.form_description p3
{
	line-height:130%;
	margin:0 0 12px;
}
input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;   
}
input.large
{
	width:99%;
     border-radius:5px;
}
textarea.medium
{
	height:10em;
    width:99%;
     border-radius:5px;
}
textarea.medium2
{
	height:40px;
    width:99%;
     border-radius:5px;
}
/**** Formulario contacto Guias ****/
form li.highlighted
{
	background-color:#fff7c0;
}

form .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:100%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}
form .guidelines small
{
	font-size:105%;
}
form li.highlighted .guidelines
{
	visibility:visible;
}
form li:hover .guidelines
{
	visibility:visible;
}


.articulocontactomapacontenedor { width: 100%; position: relative; float: right; background: #ebe3ce; min-height: 213px;padding: 0 15px;box-sizing: border-box;}
.articulocontactomapa {min-height: auto;background: #ebe3ce;position: relative;float: right;box-sizing: border-box;margin: 0%;padding: 2%;width: 50%;min-height: 590px;box-sizing: border-box;}
.articulocontactomapabis {min-height: auto;background: #ebe3ce;position: relative;float: left;box-sizing: border-box;margin: 0%;padding: 2%;width: 50%;min-height: 590px;box-sizing: border-box;}


/* MANDANOS TU IDEA */
.articulomandanostuidea {min-height: auto;background: #ebe3ce;position: relative;float: right;box-sizing: border-box;margin: 0%;padding: 2%;width: 56%;min-height: auto;box-sizing: border-box;}
.articulomandanostuideabis {min-height: auto;background: #37c1aa;position: relative;float: left;box-sizing: border-box;margin: 2%;padding: 2%;width: 39%;box-sizing: border-box;}

.mandanostuideacontenedor { width: 100%; position: relative; float: right; background: #ebe3ce; min-height: 213px;padding: 0 15px;box-sizing: border-box;}

.bannerganadoresotrosaños { width: 100%; position: relative; float: left; background: #ebe3ce; min-height: auto; margin: 0%;padding: 34px;text-align:left;box-sizing: border-box;}





/** NUESTRA HISTORIA*/

.nuestrahisotia {min-height: auto;background: #ebe3ce;position: relative;float: right;box-sizing: border-box;margin: 0%;padding: 2%;width: 39%;min-height: auto;box-sizing: border-box;}
.nuestrahistoriabis {min-height: auto;background: #ebe3ce;position: relative;float: left;box-sizing: border-box;margin: 2%;padding: 2%;width: 95%;box-sizing: border-box;}
.nuestrahistoriabis2 {min-height: auto;background: #ebe3ce;position: relative;float: left;box-sizing: border-box;margin: 2%;padding: 2%;width: 56%;box-sizing: border-box;}


/** GALERIA FOTOS HISTORIA
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

.bxsliderfotoshistoria{min-height: auto;background: #37c1aa;position: relative;float: left;box-sizing: border-box;margin: 2%;padding: 2%;width: 39%;box-sizing: border-box;}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	
	
	left: -5px;
	
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(imagenes/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(imagenes/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(imagenes/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(imagenes/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/*AVISOSCLASIFICADOS*/

    
/*section1*/    
.primerasecciondenoticias { background:#ebe3ce ; width: 80%; min-height: 400px; margin: 0 auto; position: relative; float: left; margin-bottom: 10px;}
.articulosdeprimeraseccionavisosclasificados {width: 23%; height: auto; background: #ebe3ce; position: relative; float:left; box-sizing: border-box; margin-left: 0%; margin-right: 2%; padding: 0; margin-bottom: 70px;}
.noticias3imagenesnoticias {width: 180px; position: relative; float: left; margin-right: 20px; margin-left: 0 auto; }



.noticias3contenedortexto { margin: 0;}
.tituloimagen1seccion1 {font-family: 'Oswald'; font-weight: 700; font-size: 22px; }
.tituloimagen4seccion1 {font-family: 'Oswald'; font-weight: 700; font-size: 23px;}
.noticias3facebook {width: 30px; height: 30px; position: relative; float: left; top: 5px;}
.noticias3twitter {width: 30px; height: 30px; position: relative; float: left; top: 7px;}






/* RESPONSIVE */
/* para 700px o menos. Con auto width se hace un reset al container. */
#content {</code>

width: auto;
float: none;
}

#article {

width: auto;
float: none;
}




/* para 480px o menos */
#header {</code>

height: auto;
}

h1 {

font-size: 24px;
}

#article {

display: none;
}





/* Responsive */


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

/* Header y Footer*/

 article{position: relative; float: left; width: 400px;}
    
aside{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px;}
.banner { width: 100%; position: relative; float: left; background: #ebe3ce; min-height: auto; padding: 5%;text-align:left;box-sizing: border-box;}
.publicita{ width: 100%; position: relative; float: right; background: #37c1aa; min-height: 213px; padding: 2%;text-align:left;box-sizing: border-box;}
.ubicacion{ width: 50%; position: relative; float: left; background: #37c1aa; min-height: 213px; padding: 2%;box-sizing: border-box;}
.redessociales{position: relative; float: right; background: #37c1aa;padding:  2% 0 0 2%;}

 .logo{ position: absolute; top: 60px;left:30px;box-sizing: border-box;text-align: center;}
  footer{ background-color: #ebe3ce;width: 100%; height: 150px; text-align: center;box-sizing: border-box;padding: 2em;} 


    
    
    
    /* Clasificados*/
    
    
    .articulosdeprimeraseccionavisosclasificados { display: none;
}
    
    
    
}