/* GENERAL */

@font-face {
  font-family: "Lucida Grande";
  font-style: normal;
  font-weight: normal;
  src: url(fonts/lucidagrande.ttf);
	}

html, body {
	font-family: "Lucida Grande";
	 min-height: 100% !important;
    height: 100%;
}

*, img  {margin: 0 0 0 0;	padding: 0 0 0 0;}
img  {display: block;}

body {
font-size: 15px; font-family: 'Lucida Grande';  color: #000;
margin: 0;	padding: 0;}

p {	margin: 0;}

#addthis_toolbox{	display: inline-block; margin: 0; padding: 0;}

a,
a:link,
a:active,
a:visited{ text-decoration:none; cursor:pointer;}

#todo { 
	font-family: 'Lucida Grande';
   width:1000px;
	color: #000;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	min-height: 90%;
	}
	
/* FIN GENERAL */
	
/* MENU */

#menu{
	width: 100%;
	height: 93px;
	float: left;
	text-align: left;
}

#logo{
	position:relative;
	float: left;
	width: 220px;
	height: 93px;
}

#menu_contenido{
	position:relative;
	float: left;
	width: 766px;
	height: 93px;
}

#menu_titulo{
	position: relative;
	clear:both;
	color: #000; 
	font-family: 'Lucida Grande'; 
	font-size: 32px; 
	line-height: 1px; 
	letter-spacing:-2px;
	margin-top: 30px;
}

#menu_opciones{
	position:relative;
	clear: both;
	width: 766px;
}

#menu_opciones_izq{
	position:relative;
	float:left;
	height: 30px;
}

#menu_opciones_dcha{
	position:relative;
	float:right;
	height: 30px;
}

.enlace_menu{
	font-family: 'Lucida Grande';
	font-size: 15px;
	color: #555;
}

.enlace_menu:hover{
	color: #000;
	text-decoration: underline;
}

.enlace_menua{
	font-family: 'Lucida Grande';
	font-size: 15px;
	color: #000;
	font-weight: bold;
}
/* FIN MENU */

/* PIE */

#pie {
	font-family: 'Lucida Grande';
	width:980px; 
	height: 31px;
	color: #555;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	}
	
#pie a{
	color:#555;
	font-size: 11px;
	font-weight: normal;
}

#pie a:hover{
	color: #000;
}

#pie_left{
	float:left;
	background: #ddd;
	font-size: 11px;
	color: #555;
	width: 894px;
	height: 29px;
	border: 1px solid #ddd;
	-moz-border-radius: 10px 0px 0px 0px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 10px 0px 0px 0px;
	/* para Opera */
	border-radius: 10px 0px 0px 0px;
	float:left;
}

#pie_lang{
	float:left;
	background: #fff;
	font-size: 12px;
	color: #A9A9A9;
	width: 78px;
	height: 29px;
	border: 1px solid #ddd;
	font-weight: bold;
	-moz-border-radius: 0px 10px 0px 0px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 0px 10px 0px 0px;
	/* para Opera */
	border-radius: 0px 10px 0px 0px;
}

.lang:hover{
	color: #4C4C4C;
}

.langspan{
	color: #4C4C4C;
}

/* FIN PIE */

/* INDEX */

#divindex{
	position:relative;
	clear: both;
	width: 77%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.texto{
	color: #000;
	font-size: 12px;
}

.titulo{
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.enlace_general{
	color: #555;
	font-size: 12px;
}

.enlace_general:hover{
	color: #000;
	text-decoration: underline;
}

/* FIN INDEX */

/* LOGIN */

#divlogin{
	position:relative;
	clear: both;
	width: 77%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.boton{
	border: 1px solid #555;
	padding: 5px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	background: #fff;
	cursor: pointer;
}

.boton:hover{
	border: 1px solid #000;
	color: #000;
}

/* FIN LOGIN */

/* REGISTRO */

.registro_text{
	border: 1px solid #555;
	background: #fff;
	width: 250px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.registro_area{
	border: 1px solid #555;
	background: #fff;
	width: 250px;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	resize: none;
}

input[type=checkbox].css-checkbox {
	display:none;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:28px;
	height:21px; 
	display:inline-block;
	line-height:21px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	color: #999;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -21px;
	}
	
label.css-label {
	background-image:url(../img/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/* FIN REGISTRO */

/* CONTACTO */

#politica{
	width: 100%;
	font-size: 12px;
	color: #000;
	display: none;
}

.enviados{
	width: 100%;
	font-size: 12px;
	color: #000;
	display: none;
}

#divaviso{
	position:relative;
	clear: both;
	width: 77%;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

.titulo1{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.titulonot{
	clear: left;
	font-size: 14px;
	font-weight: bold;
	color:#555;
}

/* FIN CONTACTO */

/* DECARGAS */

.titulo_descargas{
	font-size: 14px;
	font-weight: bold;
	color:#000;
	text-decoration: underline;
}

.enlace_descargas{
	font-size: 12px;
	color:#555;
}

.enlace_descargas:hover{
	color:#000;
	text-decoration: underline;
}

/* FIN DESCARGAS */

/* INICIO DE LEY DE COOKIES */

.cc-cookies { position:fixed; width: 100%; height: 65px; left: 0; top: 0; padding: 0.5em ; background: #565656; background: rgba(204,204,204,0.90); color: #fff; font-size: 13px; font-weight: 700; z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #555;  padding: 0.5em }
.cc-cookies a:hover { text-decoration: none; text-decoration: underline; color: #000; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.25em 0.25em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}

/* FIN DE LEY DE COOKIES */

/* INICIO ESTILO POPUP DE COOKIES */

#popup {
    position: absolute;
    overflow: hidden;
    top:30px;
    width: 900px;
    left:50%; 
    margin-left:-450px;
    z-index: 10000001;
}

.content-popup {
	 font-family: "Times New Roman", Times, serif;
	 font-size:12px;
    margin:0px auto;
    margin-bottom:100px;
    padding:10px;
    width:95%;
    min-height:250px;
    border-radius:4px;
    background-color:#FFFFFF;
    box-shadow: 0 2px 5px #666666;
}

.close {
    position:relative;
    left:840px;
}

.textocookie{ font-style:italic; font-family: "Times New Roman", Times, serif;  font-size:14px; color:#000; line-height:15px;}
.cookieblanco{ font-style:italic; font-family: "Arial";  font-size:12px; color:#000; line-height:15px;}

/* FIN ESTILO POPUP COOKIES */

textarea.w_auto3{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #888; background: #fff; 
border: 1px solid #888;  width:440px; height:75px; padding: 3px 5px 0 5px; }