/*CYAN 00d7e5 */
/*MAGENTA F25757 */
/*BORDEAUX 913B00 */





/* PALETA BOREAL
  background: #012340;
  
  /* Color Theme Swatches in Hex */
.negro   { color: #241D26; }
.azul    { color: #29A5F2; }
.verde   { color: #3DD980; }
.verdefluo{ color: #A7F205; }
.rojo    {color: #F25757; }
.magenta {color: #ff3366; }

/* Color Theme Swatches in RGBA */
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-1-rgba { color: rgba(36, 29, 38, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-2-rgba { color: rgba(41, 165, 242, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-3-rgba { color: rgba(60, 216, 128, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-4-rgba { color: rgba(167, 242, 4, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-5-rgba { color: rgba(242, 87, 87, 1); }

/* Color Theme Swatches in HSLA */
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-1-hsla { color: hsla(286, 12, 13, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-2-hsla { color: hsla(202, 88, 55, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-3-hsla { color: hsla(146, 67, 54, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-4-hsla { color: hsla(78, 96, 48, 1); }
.Credit-Karma-CRM---Mobile-App-&-UX-UI-Design-5-hsla { color: hsla(0, 85, 64, 1); }

/////////////////////////////////////////////////////////////////////////////////////////////////////  
  
  
  /* Color Theme Swatches in Hex */
.Northern-Lights-Beach-1-hex { color: #012340; }
.Northern-Lights-Beach-2-hex { color: #025939; }
.Northern-Lights-Beach-3-hex { color: #027333; }
.Northern-Lights-Beach-4-hex { color: #03A63C; }
.Northern-Lights-Beach-5-hex { color: #04D939; }

/* Color Theme Swatches in RGBA */
.Northern-Lights-Beach-1-rgba { color: rgba(1, 34, 63, 1); }
.Northern-Lights-Beach-2-rgba { color: rgba(1, 89, 57, 1); }
.Northern-Lights-Beach-3-rgba { color: rgba(2, 114, 51, 1); }
.Northern-Lights-Beach-4-rgba { color: rgba(3, 165, 60, 1); }
.Northern-Lights-Beach-5-rgba { color: rgba(4, 216, 57, 1); }

/* Color Theme Swatches in HSLA */
.Northern-Lights-Beach-1-hsla { color: hsla(208, 96, 12, 1); }
.Northern-Lights-Beach-2-hsla { color: hsla(157, 96, 17, 1); }
.Northern-Lights-Beach-3-hsla { color: hsla(146, 96, 22, 1); }
.Northern-Lights-Beach-4-hsla { color: hsla(140, 96, 33, 1); }
.Northern-Lights-Beach-5-hsla { color: hsla(135, 96, 43, 1); }






#ventanaProgramador{
	 /* Estilos generales para la ventana del programador */


            position: fixed;
            top: 100px;
            left: 100px;
            width: 300px;
            height: 200px;
            background-color: #f1f1f1;
            border: 1px solid #ccc;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
            resize: both;
            overflow: auto;
            z-index: 1000;
            font-size: 12px;
            padding: 10px;
        }

        /* Botón de cerrar */
        #cerrarVentana {
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: transparent;
            border: none;
            font-size: 18px;
            color: black;
            cursor: pointer;
        }

        #cerrarVentana:hover {
            color: red;
        }

        /* Estilos adicionales para mover la ventana */
        .ventana-movible {
            cursor: move;
            background-color: #4CAF50;
            color: white;
            padding: 10px;
            font-size: 12px;
            text-align: center;
        }




body { 
  margin: 0;
  padding:0;margin:0;
  font: "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  background-color: rgb(230, 230, 230) !important;
  background:#efefef url(../img/bbody.png);
  
  /*color:#241D26;*/ 

}




main{
  border: 4px solid rgb(236, 236, 236);
  background-color: rgb(233, 233, 233);

    padding: 20px;
    margin: 0 auto;
    margin-top: 22px;
   /* border: 3px das rgb(251, 251, 251);*/
    max-width: 1180px;
    top: 10px;
    left: 50%;

}




.clear {
	width: 100%;
	/*height: 3px;*/
	/*background-color: green;*/
	/*float:inline-end!important;*/
}



input[type=text] {
width: 95%;
}
input[type=email] {
width: 95%;
}




/* selector compatible con Firefox */
::-moz-selection{
    background: #F25757; /* color de fondo */
    color: #fff; /* color de texto */
}
/* selector compatible con Safari */
::selection{
    background: #F25757; /* color de fondo */
    color: #fff; /* color de texto */
}


  .botoncito-editar{
	  padding:0px;
  }




div.fieldgroup{margin:.5em 0 1em 0;}div.fieldgroup .content{padding-left:1em;}
.views-exposed-form .views-exposed-widget{float:left;
  padding:.5em 1em 0 0;}.views-exposed-form .views-exposed-widget .form-submit{margin-top:1.6em;}.views-exposed-form .form-item,.views-exposed-form 
  
  
  .form-submit{margin-top:0;margin-bottom:0;}
  .views-exposed-form label{font-weight:bold;}
  .views-exposed-widgets{margin-bottom:.5em;}
  html.js a.views-throbbing,html.js span.views-throbbing{background:url(../img/status-active.gif) no-repeat right center;padding-right:18px;}

div.view div.views-admin-links{font-size:xx-small;margin-right:1em;margin-top:1em;}.block div.view div.views-admin-links{margin-top:0;}div.view div.views-admin-links ul{padding-left:0;}div.view div.views-admin-links li a{color:#ccc;}div.view div.views-admin-links li{padding-bottom:2px;z-index:201;}div.view div.views-admin-links-hover a,div.view div.views-admin-links:hover a{color:#000;}div.view div.views-admin-links-hover,div.view div.views-admin-links:hover{background:transparent;;}div.view div.views-admin-links a:before{content:"[";}div.view div.views-admin-links a:after{content:"]";}div.view div.views-hide{display:none;}
div.view div.views-hide-hover,div.view:hover div.views-hide{display:block;position:absolute;z-index:200;}
div.view:hover div.views-hide{margin-top:-1.5em;}
.views-view-grid tbody{border-top:none;}

form-aclara {margin:0;padding:0; text-transform:capitalize;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}


li{list-style:none;}

caption,th{text-align:left;}



.subrayado {  
border-bottom:1px dotted #ff3366; 
}  
.subrayado a {  
border-bottom:1px dotted #ff3366;  
}  


div.voto{
	float:right;
	margin-right:auto;
	margin-left:auto;
	vertical-align:baseline;
	}
	




div.modulor{  

	padding:0 !important;line-height:1.5em;clear:both;
	border-bottom:1px solid #333;
	display:block;
	margin-left:10%;
	margin-top:0;
	font-size:1.2em;
	margin-bottom:3.5em;
	text-align: left;
} 

.tmodulor{  

	color:#F25757;

} 


div.modulor-foto{  

	display:compact;
	float:none;
	margin-left:-65px;
	margin-bottom:-55px;

}  



.leafi{
	color:#fafafa;
}  




header {

}

#header23{
	  overflow: hidden;
  background-color: rgb(64, 64, 64);
  background-color:#012340;
  
 /* background-color: #f1f1f1;*/
  padding: 10px 5px;
	
}

.header-boton {
  float: left;
  color: black;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  font-size: 15px; 
  line-height: 18px;
  border-radius: 2px;
}


header a {
  float: left;
  color: black;
  text-align: center;
  text-decoration: none;
  border-radius: 1px;
}




header a.logo {
  font-size: 25px;
  font-weight: bold;
  z-index: 90000;
  
}

header a:hover {
  background-color: #ddd;
  color: black;
  
}

header a.active {
  background-color: #fafafa;

  color: #F25757;
  
  /**/
}

.header-right {
  float: right;
  padding-top: 11px;
}


section{
  background-color: skyblue;
}
/*

////////////////////////////////////////////////////////////////////// 

CARD


*/

.card {
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); PROBAR EN MAC*/ 
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
    float:left;
  }
  
  .price {
    color: grey;
    font-size: 22px;
  }
  
  .card button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
  }
  
  .card button:hover {
    opacity: 0.7;
  }

  footer{
padding: 5%;
  }

  hr{
    color: rgb(255, 255, 255) !important;
padding: 0px;
margin: 0px;
  }

   /* The alert message box */
.alert-alert {
  padding: 20px;
  background-color: skyblue; /* Green */
  color: white;
  margin-bottom: 15px;
}
.alert-info {
  padding: 20px;
  background-color: #03A63C; /* Green */
  color: white;
  margin-bottom: 15px;
}
.alert-ok {
  padding: 20px;
  background-color: palegreen; /* Green */
  color: white;
  margin-bottom: 15px;
}

/* The close button */
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}

.contenido{
	background-color: pink;
}


/* oooooooooo ooooooooooooooo ooooooooooooooo oooooooooooooo */






.subrayado {  
border-bottom:1px dotted #ff3366; 
}  
.subrayado a {  
border-bottom:1px dotted #ff3366;  
}  


div.voto{
	float:right;
	margin-right:auto;
	margin-left:auto;
	vertical-align:baseline;
	}
	

.promo a{
	
color:#F25757 !important;
	
	
}


textarea,
input,
select {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    font-family: inherit;
  	background-color : #efefef; 
}


textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


input[type="text"], textarea {

  background-color : #efefef; 

}
input[type="textarea"], textarea {

  background-color : #efefef;
  width: 95%;

}


h1{
  font-size: 2em !important;
}


.title{
  font-size: 2.1em;
}

#mlist{
  text-align: left;
}


.admin-add{
  background-color: #222222;
  color:#fafafa;
}



.wrapper.tagadelic{text-align:justify;margin-right:1em;}



/*LIST
TAGADELIC 1 SON LOS LISTADOS QUE MUESTRAN LAS MATERIAS
TAGADELIC B SON LOS LISTADOS DE CATEDRAS EN MLIST.PHP
EL C NO LO ESTOY USANDO POR AHORA


#block-tagadelic-1{width:75%;float:left;position:relative;padding-bottom:30px;}
#block-tagadelic-b{width:75%;float:left;position:relative;padding-bottom:30px;}
#block-tagadelic-c{width:75%;float:left;position:relative;padding-bottom:30px;}
*/

/*
#block-tagadelic-1 .content a{display:block;float:left;padding:3px 0 3px 15px;text-align:left;border-left:1px solid;-webkit-transition:background 0.6s ease-out;color:#888;font-weight:bolder;width:20%;font-size:12px !important; color:#fafafa;}*/



	


#block-tagadelic-b .content .more-link a{
	color:#999;
	}

#block-tagadelic-c .content a{color:silver; display:block;float:left;padding:3px 0 3px 15px;text-align:left;border-left:1px solid;-webkit-transition:background .6s ease-out;color:#888;font-weight:bolder;width:40%;font-size:12px !important;}

#block-tagadelic-clear{display:block !important;}

/*color de fondo*/

/*
#block-tagadelic-1 .content .more-link a{color:#999;}
#block-tagadelic-c .content .more-link a{color:#999;}

*/



/*
 * Globals
 */



/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}



::selection {
  color: #fafafa;
  background: #40330d;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, 3);

}


/* mouse over link */
a:hover {
  color: #40330d !important;;
}

/* unvisited link */
a:link {
  color:rgb(78, 145, 123);
}

/* visited link */
a:visited {
  color:rgb(150, 176, 186);
}


/* selected link */
a:active {
  color: #fafafa;
}



/*
 * Base structure
 */

body {

/*  background-color: #666666 !important;
 box-shadow: inset 0 0 5rem rgba(0, 0, 0, .6);
    height: 100% !important;}*/
/*
body::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;

  height: 40px;
  box-shadow: 0px 0 2rem rgba(0, 0, 0, 0.6);
  z-index: 1;

}

*/
.cover-container {
  max-width: 85em;
}


/*
 * Header
 */


.nav-link {
  padding: 0.15em;
  padding-bottom: 0.05em;
  font-weight: 700;
  color: rgba(64, 64, 64, .5);
  
    color: #03A63C;
    
    color: #04D939;
    
      color: #fafafa;

  
  
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

/*
.nav-link a:active{
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255	, 64,255, .5);
  color:  #03A63C;

  background-color: transparent;
  border-bottom: 1.25rem solid transparent;
}
*/

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 3rem;
}

.nav-masthead .active {
  color:rgb(8, 8, 8);
  border-bottom-color: seagreen;
}










.autocomplete
{
  width:100%;
}
/*
textarea,
input,
select {
    font-size: inherit;
    font-weight:inherit;
    text-decoration: none;
    font-family: inherit;
    color: #19272D; /*your input color*/
}

*/


textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


input[type="text"], textarea {
  background-color : #efefef; 
}
input[type="textarea"], textarea {

  background-color : #efefef;
  width: 95%;

}




.h3box {
   float: right;
   color:red;
}



.wrapper.tagadelic{text-align:justify;margin-right:1em;}


#cat-query{
  width: 100%;
}


/*
@media only screen and (min-width: 400px) {
  #cat-query{
    width: 300px;
  }
}
@media only screen and (min-width: 600px) {
  #cat-query{
    width: 500px;
  }
}
@media only screen and (min-width: 800px) {
  #cat-query{
    width: 600px;
  }
}

@media only screen and (min-width: 1000px) {
  #cat-query{
    width: 800px;
  }
}

@media only screen and (min-width: 1200px) {
  #cat-query{
    width: 1000px;
  }
}

@media only screen and (min-width: 1400px) {
  #cat-query{
    width: 1200px;
  }
}

@media only screen and (min-width: 1600px) {
  #cat-query{
    width: 1400px;
  }
}

*/





/*
.form-item #autocomplete .reference-autocomplete{white-space:normal;}
.form-item #autocomplete .reference-autocomplete label{display:inline;font-weight:normal;}
*/


/*MODULOR NOTAS CON FOTOS*/



#mainn{width:640px;float:left;padding-top:0px;}

#mainn div.nodee h2.titlee,#mainn div.nodee h1.titlee{background:#fff;padding:10px 0 10px 20px;margin:-50px 0px 10px 140px;display:block;z-index:10;position:relative;width:480px;line-height:48px;font-size:42px;font-weight:lighter;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;}

#mainn div.nodee h2.titlee{font-size:32px;line-height:36px;}

#mainn div.nodee .auxx{width:130px;float:left;font-size:12px;color:#999;padding:0 30px 30px 0;text-align:right;z-index:100;display:block;position:relative;}


.titlee a{color:#444;font-weight:bold;letter-spacing:-1px;-webkit-text-stroke:1px transparent;}



div.date{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;}
li.blog_usernames_blog{font-weight:bold;margin-bottom:10px;}
li.nodee_read_more,li.commment_new_commments{display:none;}

h1.titlee_blogg{position:relative;color:#666;padding:10px 0;margin-bottom:20px;text-shadow:none;text-transform:uppercase;-webkit-text-stroke:1px transparent;border:1px solid #666;border-left:none;border-right:none;font:lighter 24px/26px "Helvetica Neue Light",Arial,Helvetica,Geneva,sans-serif;}

















/* Módulo de comentarios */

	
	
	ol.timeline
	{list-style:none;font-size:1.2em;}
	
	#flash
	{
	margin-left:100px;
	
	}
	
	
	.titles{
	font-size:13px;
	padding-left:10px;
	
	
	}
	
	
	.comm_img
	{
	width: 50px; height: 50px;
	}
	.comm_name
	{
	font-size: 16px; color: rgb(102, 51, 153); font-weight: bold;
	}


/*   ENCHINCHE */



/*FORMMMMMMMMMMMMMMMMMMMS*/
#block-views-tutorial_week-block_1 .views-field-teaser{display:block;-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px;line-height:140%;}

.view-usernews-page .view-header h3{color:#fff;padding:0 0 15px 0;font-weight:bold;}

/*FORMULARIOSSSSSSSSSSS*/


.form-file,.form-text,.form-textarea,#header #block-google_cse-0 input.form-text{
	font-size:large;
	color:#222222;
	
		/*
	line-height:28px;
	padding:8px;
	outline:none !important;
	border:none;
	background:#999999;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-webkit-box-shadow:inset 0 2px 2px #999999;
	-moz-box-shadow:inset 0 0 3px #999999;
	border-radius:5px;-o-box-shadow:inset 0 2px 2px #999999;
	-webkit-transition:-webkit-box-shadow .2s ease-out,background-color .5s ease-out;
	*/
	}

 


/*
#header #block-google_cse-0 input.form-text:hover input.form-file:hover{background-color:#fff !important;outline:none !important;}
/*


*/


/*

.page-contact #main .form-item{padding:10px 0;}.page-contact #main label{font-weight:bold;text-transform:uppercase;float:left;width:180px;color:#fff;font-size:12px;}.page-contact #main #edit-submit{margin-left:180px;margin-top:10px;}.page-contact .form-text{width:50%}.page-contact .form-textarea{width:69%;}#main .content ul{padding:10px 0;}#header h1,#header h3,#menu h3,#block-block-2 h3,#block-block-5 h3,#block-block-51 h3,#block-block-42 h3.title,.confirm-parent span.password-confirm,.password-title,#comments .box ul.tips,#comments .box div p,#comments #comment-form-content ul.tips,#comments #comment-form-content  div p{display:none;}#header{background:#000 url(../img/bg-highlight.png) left -5px repeat-x;height:59px;border-top:1px solid #666;border-bottom:1px solid #000;margin-top:1px;width:100% !important;overflow:hidden;}.not-found #header{border-bottom:1px solid #222;}#header ul,#header ul li{display:inline;height:60px;line-height:60px;}

#header #logo{float:left;padding:0 0 0 0; z-index: 299;}#header #block-menu-primary-links,#header #block-locale-0,#header #block-google_cse-0{margin:0 0 0 20px;float:right;}#header #block-google_cse-0{padding:15px 0 0 0;}


*/




.form-submit, #dsq-post-button,.view-usernews-page .view-header h3 a{background:#111 url(../img/bg-highlight.png) left -20px repeat-x;height:30px;line-height:30px;padding:0 15px;border:none;color:#fff;text-shadow:#000 0 -1px 1px;font-weight:bold;-moz-border-radius:5px;-moz-box-shadow:#000 0 0 2px;-webkit-border-radius:5px;-webkit-transition:background-color .3s ease-out;-webkit-box-shadow:#000 0 0 2px;-o-box-shadow:#000 0 0 2px;border-radius:5px;cursor:pointer;}

.form-submit#edit-delete{background-color:#660803}
.form-submit#ajax-comments-preview{background:none !important;-moz-border-radius:0;-moz-box-shadow:none;border-radius:0;-o-box-shadow:none;-webkit-border-radius:0;-webkit-transition:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.form-submit:hover,#dsq-post-button:hover,.view-usernews-page .view-header h3 a:hover{background-color:#222;}
.form-submit#edit-preview{background:none;-webkit-border-radius:0;-webkit-box-shadow:none;-moz-border-radius:0;-moz-box-shadow:none;border-radius:0;-o-box-shadow:none;}
.view-usernews-page .view-header h3 a{display:block;text-align:center;margin:10px 0 20px 0;}cite{font-size:12px;background:#000;padding:5px;color:#999;font-weight:bold;}.form-item{padding:0 0 20px 0;}





.form-text {
  padding:14px;
}



input.form-search {
	 background:#fafafa url(../img/search.png) right no-repeat !important;
}

input {
	 background:#fafafa !important;
	 padding:18px;
	 }


input:hover{
	outline:none !important;
	background-color:#fff !important;
	}

textarea:hover{
	outline:none !important;
	background-color:#fff !important;
	}


/*FORMULARIO DE BUSQUEDA*/
#header #block-google_cse-0 input.form-text{width:310px;}
#header #block-google_cse-0 input.form-submit{display:none;}

/*BARRA DE ARRIBA     le saqué: z-index:1000;*/
#menu{background:url(../img/bg-menu.jpg) repeat-x;height:45px;border-top:1px solid #888;width:100% !important;clear:both;position:relative;display:block;}

#menu .block{float:right;height:44px;line-height:44px;}
#menu ul li{display:inline;height:44px;line-height:45px;}
#menu #block-menu-menu-main{float:left;margin:0;width:450px;}

#menu #block-menu-menu-main-previa{float:left;margin:0;width:850px;}

#menu #block-menu-menu-top{border-right:1px solid #222;padding:0 15px 1px 0;}
#menu #block-menu-menu-top a{padding:0 10px 0 0;}#menu #block-block-53{display:block;position:relative;border-left:1px solid #555;padding:0px 2px 0 20px !important;float:right;}#menu #block-block-53 .content{display:block;position:relative;padding:0;margin:0 0 0 0;z-index:1000000 !important;width:110px;}#menu #block-block-53 .content ul{margin:0;padding:0;position:relative;display:block;}
#menu #block-block-53 .content ul li{z-index:1000000 !important;position:relative;display:block;float:left;}
#menu #block-block-53 .content ul li a{height:26px;float:left;display:block;position:relative;padding:7px 0 0 5px;margin:0 !important;top:0 !important;}
#menu #block-block-53 .content ul li ul{position:absolute;right:0;top:36px;padding:5px 10px;background:#29A5F2;-webkit-box-shadow:#000 0 0 5px;-moz-box-shadow:#000 0 0 5px;-webkit-border-radius:6px;-moz-border-radius:6px;-webkit-border-top-right-radius:0;-webkit-border-radius-topright:0;-o-box-shadow:#000 0 0 5px;border-radius:6px;border-top-right-radius:0;border-bottom:1px solid #29A5F2;border-top:1px solid #fea481;display:none;}
#menu #block-block-53 .content ul li ul li{display:block;position:relative;border-bottom:1px solid #29A5F2;line-height:28px;height:28px;padding:0 5px !important;float:none !important;clear:both !important;width:130px;}#menu #block-block-53 .content ul li ul li a{display:inline !important;width:100%;padding:0;}
#menu #block-block-53 .content ul li ul li:last-child{border-bottom:none;}
#menu #block-block-53 .content ul li ul a{color:#fff;display:inherit;text-shadow:#29A5F2 0 -1px 1px;}
#menu #block-block-53 img{-webkit-box-shadow:#111 0 1px 2px;-moz-box-shadow:#111 0 1px 2px;}
#menu #block-block-53 img:hover{top:1px;-webkit-box-shadow:#111 0 0 2px;-moz-box-shadow:#111 0 0 2px;}#content{padding:0 0 30px 0;margin:0;background:url(../img/black-shadow.png) repeat-x;}.front #content{padding-top:30px;}#content.profile #main,#content.profile .sidebar{padding-top:0;border:none;}#adsense-header,.adsense-header{text-align:center;padding:25px 0 20px 0;clear:both;display:block;}#adsense-header.adsense-footer{border-top:1px solid;}#content #main .imgC img{-webkit-transition:-webkit-box-shadow .5s ease-out;}#content #main .imgC img:hover{-webkit-box-shadow:0px 0px 10px #0cf;-moz-box-shadow:0px 0px 10px #0cf;}

.textoModulor{
	line-height: 1.2em;
	font-size:  0.8em !important;
	}
	
.fechaModulor{
border: 1px solid #efefef;
	padding: 2px;
	background: #fafafa;
	font-size:  0.8em !important;
	color:slategray;

}




.ordenar_boton{

    right:100;
	top:-35px;
	padding:2px;
	display:block;
	/*height:20px;*/
	font-size:0.9em;
	float:right;
	text-transform:uppercase !important;	
	font-weight:bold;
	-webkit-border-radius:3px;
	border-radius: 3px;
	
	
	}
	/*
	-webkit-box-shadow:#000 0 0 2px;
	-moz-box-shadow:#000 0 0 2px;
	box-shadow: #000 2px;
	-moz-border-radius:3px;
*/
	/*
	-o-box-shadow:#000 0 0 2px;border:none;
	color:#222; 
*/





.ruedita {
	padding: 1px !important;
	margin: 0px;
	color: #F25757;
}





.head-user{
	  padding: 0px;
	  margin: 0px;
	  color: #222222;
	  position:absolute;
	        background-color: #F25757;
      text-align: center;

	  
	  font-size: .9em !important;
	  top: 0px;  
	  min-width: 10px;
      right: 0;
  }
  
  	    
	     .head-user a{
	 
	  color: #222222;
	 
	    }
  
  
  
  
  
@media screen and (max-width: 500px) {
	  header a {
	    float: none;
	    display: block;
	    text-align: left;
	    
	  }
	  
	  .head-user{
	  padding: 0px;
	  margin: 0px;
	  color: #222222;
	  position:absolute;
      text-align: center !important;
	  top: 0px;  
	  max-width: 150px;
	  left:0px;
	  right:0px;
	  margin:auto;
	    }
	    
	   .head-user a{
	 	  text-align: center;
	    }


		.header-right {
		  float: right;

		  		  padding-top: 0px;
		}

	
	@media (pointer:coarse) {
	    /* custom css for "touch targets" */
	    header a {
	      float: none;
	      display: block;
	      text-align: left;
	      
	    }
	    header a.active {
	      background-color:#F25757;
	      color: white;
	    }
	}

  
}



.form-contenido-check{
	
	
	right:1px;
text-align: right;	
	
}


.alerta-chabon{ 
	text-decoration:none;
	cursor: crosshair;

}

/**/





@font-face {
  font-family: "color-emoji";
  src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
}


.serif {
  font-family: serif;
}
.sans {
  font-family: sans-serif;
}
.monospace {
  font-family: monospace;
}
.systemui {
  font-family: system-ui;
}

.serif-emoji {
  font-family: serif, color-emoji;
}
.sans-emoji {
  font-family: sans-serif, color-emoji;
}
.monospace-emoji {
  font-family: monospace, color-emoji;
}
.systemui-emoji {
  font-family: system-ui, color-emoji;
}



  
  
  /* TAGADELIC*/  
  
  /* 2023*/  
    
  /* TAGADELIC*/

.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: rgb(238, 238, 238);
  width:auto;
}


.flex-container > div {
  background-color: rgb(240, 240, 240);
/*  border: 1px rgb(192, 192, 192) dotted;*/
  width: 118px;
  margin: 0px;
  text-align: left;
  /*line-height: 75px;*/
  font-size: 0.79em;  
	display:block;
	float:left;
	padding:3px 0 3px 15px;
	border-left:1px solid;
	-webkit-transition:background .6s ease-out;
	transition: ease-out;
	font-weight:bolder;
}


 @media only screen and (max-width: 600px) {
	 .flex-container > div {
	   font-size: 0.75em;
	     width: 105px;
	   }
	 }
	 
	 
 @media only screen and (max-width: 400px) {
	 .flex-container > div {
	   font-size: 0.55em;
	     width: 125px;
	   }
	 }



.tagadelic:hover{
	background:#F25757; 
	color: #fafafa !important; 
	font-weight: 600;
	/*text-decoration: underline;*/
	}
	
	
.tagadelic a:link	{
	
	color: rgb(0, 0, 0) !important; 
	text-decoration: none;
	}
.tagadelic a:visited	{
	
	color: rgb(74, 74, 74) !important; 
	text-decoration: none;
	}

.tagadelic a:hover{
	
	color: #fafafa !important; 

	}


.suggesterHelp{
display: none;}

.configuracion{
	background-color: rgb(242, 242, 242);
	border: 3px dotted rgb(0, 128, 255);
	font-size: 0.65em;;
}

.configuracion-alerta{
	background-color: rgb(242, 242, 242);
	border: 3px dotted #F25757;
	font-size: 0.65em;;
}

.recibiendo{
	background-color: rgb(242, 242, 242);
	border: 3px dotted rgb(0, 128, 0);
	size:0.8em;
	font-size: 0.65em;;
}


.error { 
  border:2px solid lightcoral;
}

.alerta {
  border:2px solid #04D939;;
}


::-moz-selection { /* Code for Firefox */
  color: fafafa;
  background: #012340;
}

::selection {
  color: #fafafa;
  background: #012340;
}



 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 



.un_em{
  width: 1em;
  }


#bajobarra{
	position:fixed;
	bottom: 0;
}

/* Modal en exp */

.gchu-container:after,.gchu-container:before,.gchu-panel:after,.gchu-panel:before,.gchu-row:after,.gchu-row:before,.gchu-row-padding:after,.gchu-row-padding:before,
.gchu-container,.gchu-panel{padding:0.01em 16px}.gchu-panel{margin-top:16px;margin-bottom:16px}
.gchu-btn,.gchu-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.gchu-btn,.gchu-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.gchu-disabled,.gchu-btn:disabled,.gchu-button:disabled{cursor:not-allowed;opacity:0.3}.gchu-disabled *,:disabled *{pointer-events:none}
.gchu-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.gchu-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.gchu-display-topleft{position:absolute;left:0;top:0}.gchu-display-topright{position:absolute;right:0;top:0}
.gchu-dropdown-hover:hover > .gchu-button:first-child,.gchu-dropdown-click:hover > .gchu-button:first-child{background-color:#ccc;color:#000}
.gchu-bar-block .gchu-dropdown-hover .gchu-button,.gchu-bar-block .gchu-dropdown-click .gchu-button{width:100%;text-align:left;padding:8px 16px}
.gchu-bar .gchu-button{white-space:normal}
.gchu-black,.gchu-hover-black:hover{color:#fff!important;background-color:#000!important}
@media (max-width:600px){.gchu-modal-content{margin:0 10px;width:auto!important}.gchu-modal{padding-top:30px}
@media (max-width:768px){.gchu-modal-content{width:500px}.gchu-modal{padding-top:50px}}
@media (min-width:993px){.gchu-modal-content{width:900px}.gchu-hide-large{display:none!important}.gchu-sidebar.gchu-collapse{display:block!important}}
.gchu-dropdown-hover.gchu-mobile,.gchu-dropdown-hover.gchu-mobile .gchu-btn,.gchu-dropdown-hover.gchu-mobile .gchu-button,.gchu-dropdown-click.gchu-mobile,.gchu-dropdown-click.gchu-mobile .gchu-btn,.gchu-dropdown-click.gchu-mobile .gchu-button{width:100%}}
.gchu-button:hover{color:#000!important;background-color:#ccc!important}
.gchu-teal,.gchu-hover-teal:hover{color:#fff!important;background-color:#009688!important}

#btnPromoOp{
	
	width: 100%;
	height: 4em;
	text-align: center;
	cursor:grabbing;
	cursor:grab;
	background-color: #241D26;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 19px;
    transition-duration: 0.4s;

  
}


.btnPromoOp:hover {
  background-color: #04AA6D !important; /* Green */
  color: white;
}










/*2024 search suggester*/


.search_result {
	text-decoration: none;
}


/*ORIGINAL*/

/*
            * { box-sizing: border-box; }   
            body {
            font: 16px Arial;
            }
            .autocomplete {
            position: relative;
            display: inline-block;
            }
            input {
            border: 1px solid transparent;
            background-color: #f1f1f1;
            padding: 10px;
            font-size: 16px;
            }
            input[type=text] {
            background-color: #f1f1f1;
            width: 100%;
            }
            input[type=submit] {
            background-color: DodgerBlue;
            color: #fff;
            }
            .autocomplete-items {
            position: absolute;
            border: 1px solid #d4d4d4;
            border-bottom: none;
            border-top: none;
            z-index: 99;
            top: 100%;
            left: 0;
            right: 0;
            }
            .autocomplete-items div {
            padding: 10px;
            cursor: pointer;
            background-color: #fff;
            border-bottom: 1px solid #d4d4d4;
            }
            .autocomplete-items div:hover {
            background-color: #e9e9e9;
            }
            .autocomplete-active {
            background-color: DodgerBlue !important;
            color: #ffffff;
            }
            
            */
            
            
/*the container must be positioned relative:*/
.autocomplete {
	position: relative;
	display: inline-block;
}

input {
	border: 1px solid rgb(192, 192, 192) !important;
	/*background-color: lightblue;*/
	padding: 10px;
	font-size: 16px !important;
}


input[type=submit] {
	/*background-color: #ed09a2;*/
	/*background-color: #333333;*/ /*input main más adelante*/
	background: rgb(212, 212, 212) !important;
	color: #555555 !important;
	
	border: 10px solid RED;
	text-align: left;
	filter: alpha(opacity=90);
	padding:8px !important;
}

.botonsuggester{
  color:#00d7e5;
}

.autocomplete-items {
  	color:#222222;
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}
.autocomplete-items div {
	padding: 4px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
/*when hovering an item:*/
background-color: #e9e9e9;
}
.autocomplete-active {
/*when navigating through the items using the arrow keys:*/
background-color: #913B00 !important;
color: #ffffff;
}

 

.autocomplete
{
  width:100%;
}



#calificador{

	/*border: 20px solid darkcyan;
	*/
}


#nota-box{
/*	border: 4px solid blue;*/
}





* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column50 {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

.column66 {
  float: left;
  width: 60%;
  padding: 10px;
  /*height: 300px; *//* Should be removed. Only for demonstration */
 /* border: 12px dotted rgb(215, 215, 215) !important; */
}

.column34 {
  float: right;
  width: 38%;
  padding: 10px;
  max-width: 250px;
  /*height: 300px; *//* Should be removed. Only for demonstration */
/*  border: 6px dashed rgb(255, 128, 255) !important;*/

}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}





.col-sm{
	border: 1px dotted #666;
	width: 33%;
	float: left;
	min-width: 250px;
	min-height: 180px;
}




  

@media  screen and (max-width: 600px) {
  .column34 {
	  width: 100%;
	  float: inherit;
  }
  
  
  .column66 {
	  	  width: 100%;
  }
  
  
}