@charset "utf-8";
/* OMATECH Xtreme Web Culture */
/*********************** XBROWSER ***********************/
/**********************************************************/
/* #1.0 RESET */

abbr { border:none; }
address { font-style:normal; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul, ol, dl { margin:0; padding:0; }
ul, ol { list-style:none; }
form { margin:0; padding:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
legend { padding:0; white-space:normal; }
p, blockquote, figure, article { margin:0; padding:0; }
a img { border:0; } 
hr { display:none; }  

/**********************************************************/
/* #1.1 PRESET */

body { background-color:#f7f7f7; background-image:url(img/bg_page.png); background-repeat:no-repeat; background-position:center 50px; background-size:cover; font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#838383; margin:0; padding:0; overflow-x:hidden; }
textarea, input, select, button { font-family:Helvetica, Arial, sans-serif; }
.clear, #container .clear { clear:both; margin:0; padding:0; display:block; }
.left { float:left; }
.right { float:right; }
.img img { max-width:100%; }
a { color:#838383; }

/**********************************************************/
/**********************************************************/
/* #2 LAYOUT */
#container { width:840px; margin:25px auto 50px auto; }

/**********************************************************/
/* #2.1 HEADER */
#header { background:#2d2d2d url(img/bg_header.png) repeat; height:50px; overflow:hidden; }
#header .ayuda{float:left; margin-top:0px;margin-left:10px;}
#header .ayuda a{ text-decoration:none; margin-left:10px; color:#FFF; background: url(img/buttons.png) 0 -23px no-repeat; padding-left:5px; height:23px; display:block;}
#header .ayuda a span{ font-size: 11px; background: url(img/buttons.png) 100% 0 no-repeat;  display: table-cell; height: 22px; padding: 0 14px 0 9px; vertical-align: middle;}
#header h1 { background:url(img/logo.png) no-repeat; position:relative; margin:10px auto 0 auto; width:180px; height:30px; z-index:100; }
#header h1 a { display:block; overflow:hidden; text-indent:-99999px; width:180px; height:30px; }
#header nav { margin:-28px auto 0 auto; width:840px; }
#header nav ul { overflow:hidden; margin:0 30px; }
#header nav ul.login { overflow:hidden; margin:0 30px; float:right;  }
#header nav ul.login li { float: left;}
#header nav ul.login li.name { color:#FFF; /*padding-top:8px;*/ font-weight: bold; font-size: 12px; width:160px; overflow:hidden;}
#header nav ul.login li a{ text-decoration:none; margin-left:10px; color:#FFF; background: url(img/buttons.png) 0 -23px no-repeat; padding-left:5px; height:23px; display:block;}
#header nav ul.login li a span{font-size: 11px; background: url(img/buttons.png) 100% 0 no-repeat;  display: table-cell; height: 22px; padding: 0 14px 0 9px; vertical-align: middle;}
#header nav li.help { float:left; margin:2px 0 0 0; border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -web-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; box-shadow:0 -1px 1px #686868; }
#header nav li.help a { background:#484848; color:#ffffff; text-shadow:2px 2px 2px #292929; text-decoration:none; text-align:center; padding:4px 16px 3px 16px; margin:0 0 2px 0; display:block; border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; -web-border-radius:4px 4px 4px 4px; -ms-border-radius:4px 4px 4px 4px; box-shadow:0 1px 1px #000000; }
#header nav li.config { background:url(img/ico_config.png) no-repeat; float:right; width:18px; height:18px; margin-top:5px; }
#header nav li.config a { width:18px; height:18px; display:block; overflow:hidden; text-indent:-99999px; }

/**********************************************************/
/**********************************************************/
/* #2.2 CONTENT */
#container .publication {}
#container .publication ul {}
#container .publication ul li {}
#container .publication ul li figure {}
#container .publication ul li figure img {}
#container .publication ul li nav {}
#container .publication ul li nav ul {}
#container .publication ul li nav li { display:inline-block; padding-left:10px; margin-left:10px; border-left:1px solid #c6c6c4; }
#container .publication ul li nav li:first-child { text-transform:uppercase; border:none; padding:0; margin:0; }
#container .publication ul li nav li a { text-decoration:none; }
#container .publication ul li nav li a:hover { text-decoration:underline; }
/* #2.2.1 DIARIS */
#container .newspaper { width:500px; }
#container .newspaper ul {}
#container .newspaper ul li { margin:0 0 5px 0; }
#container .newspaper ul li figure { display:block; }
#container .newspaper ul li figure img {}
#container .newspaper ul li nav { margin:-35px 0 0 50px; }
#container .newspaper ul li nav ul {}
#container .newspaper ul li nav li {}
#container .newspaper ul li nav li:first-child {}
#container .newspaper ul li nav li a {}
/* #2.2.2 REVISTES */
#container .magazine { width:300px; }
@media screen and (max-width:800px) {
    #container .magazine { width:220px; }
    #container { width:760px; }
}
#container .magazine ul { margin:-10px 0 0 -30px; overflow:hidden; }
#container .magazine ul li { width:130px; margin:15px 0 0 30px; display:inline-block; }
#container .magazine ul li figure { display:block; }
#container .magazine ul li figure img {}
#container .magazine ul li nav {}
#container .magazine ul li nav ul { margin:0; }
#container .magazine ul li nav li { margin:0 0 0 10px; width:auto; }
#container .magazine ul li nav li:first-child {}
#container .magazine ul li nav li a {}


/**********************************************************/
/**********************************************************/
/* #3 POPUP */
.popup { background:url(img/bg_apha.png); width:660px; margin:0 auto; overflow:hidden; }
.popup .content { background:#ffffff; position:relative; margin:20px; }
.popup .content .wrapper { padding:60px 90px 40px 100px; }
.popup .content .wrapper2 { padding:40px 45px 40px 45px; background-color: #D9D9D9;}
.popup .content .tit { margin:0 0 15px 0; }
.popup .content .tit h1 { font-family:Helvetica, Arial, sans-serif; font-weight:lighter; font-size:60px; color:#033f7a; letter-spacing:2px; }
.popup .content .text { /*background:url(img/logo_gnd.png) no-repeat 0 0; */padding:0 0 0 90px; min-height:130px; }
.popup .content .text2 {text-align: justify; padding-right: 50px; padding-left: 50px; padding-top: 20px; padding-bottom: 30px; font-size: 14px; font-weight: bold; }
.popup .content .text3 {padding-right: 104px; padding-left: 100px; padding-top: 5px; padding-bottom: 10px; font-size: 16px; font-weight: bold; text-align: center; }
.popup .content .text .logos { margin:20px 0 0 20px; }
.popup .content .text h2 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; color:#666666; margin:0; }
.popup .content .text p { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#666666; margin:6px 0 0 0; }
.popup .content .btn { margin-top:24px; }
.popup .content .btn p { margin-left: 15px; font-family:Helvetica, Arial, sans-serif; font-size:14px;  color:#ffffff; float:right; }
.popup .content .btn p a { background:#4cae4c url(img/sprite_btn.png) repeat-x 0 -80px; color:#ffffff; text-decoration:none; display:block; padding:0; max-height:28px; height:28px; overflow:hidden; }
.popup .content .btn p a span { background:url(img/sprite_btn.png) no-repeat 0 0; display:block; height:28px; overflow:hidden; }
.popup .content .btn p a span span { background-position:100% -40px; padding:6px 15px 5px 15px; }
.popup .closebar {/* background:#124c87 url(img/bg_closebar.png) repeat-x; */position:absolute; top:0; left:0; width:620px; height:36px; display:block; overflow:hidden; }
.popup .closebar .close { font-family:Helvetica, Arial, sans-serif; font-size:11px; float:right; /*margin:7px 11px; */margin-right: -8px;}
.popup .closebar .close a { /*background:#010101 url(img/sprite_btn.png) repeat-x 0 -180px; */color:#ffffff; text-decoration:none; display:block; max-height:30px; height:30px; overflow:hidden; }
.popup .closebar .close a span { /*background:url(img/sprite_btn.png) no-repeat 0 -120px; */display:block; height:30px; overflow:hidden; }
.popup .closebar .close a span span { background-position:100% -150px; padding:4px 12px 4px; }
.popup .clear { clear:both; }

.popup_tablet_background{ background-color: rgb(119, 119, 119); opacity: 0.7; position: absolute; width:100%; height:100%; top:0; z-index: 100; }

.popup_tablet{ background:url(img/bg_apha.png); width:660px; margin:0 auto; overflow:hidden; position: absolute; top:100px; left:50%; margin-left:-330px; z-index: 100;}
.popup_tablet .content { background:#ffffff; position:relative; margin:20px;}
.popup_tablet .content .wrapper { padding:60px 90px 40px 100px; }
.popup_tablet .content .tit { margin:0 0 15px 0; }
.popup_tablet .content .tit h1 { font-family:Helvetica, Arial, sans-serif; font-weight:lighter; font-size:60px; color:#033f7a; letter-spacing:2px; }
.popup_tablet .content .text { background:url(img/logo_gnd.png) no-repeat 0 0; padding:0 0 0 90px; min-height:130px; }
.popup_tablet .content .text .logos { margin:20px 0 0 20px; }
.popup_tablet .content .text p { font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#666666; margin:6px 0 0 0; }
.popup_tablet .closebar { background:#124c87 url(img/bg_closebar.png) repeat-x; position:absolute; top:0; left:0; width:100%; height:36px; display:block; overflow:hidden; }
.popup_tablet .clear { clear:both; }

/**********************************************************/
/**********************************************************/
/* #4 LOGIN */
.fancybox-bg{background: none !important;}
#fancybox-outer{background: none !important;}

.back_home a{background: url(img/button_home.png) no-repeat 0 0 !important;  width:26px; height: 18px; display: block; text-indent: -9999px;}

.boxlogin{
	/*background-image:url(img/bg_page.png); background-repeat:no-repeat; background-position:center 10px; background-size:cover;*/
	width:256px;
	position: relative;
	padding-top:13px;
	margin: 0 25px 25px 25px;
}
.boxlogin .container_boxlogin{box-shadow: 0 5px 30px #000; border-radius: 8px;}
.boxlogin .arrow{ background: url(img/ingresar_arrow.png) no-repeat 0 0; position: absolute; left:101px; top:0;  width:26px; height: 18px; display: block; }
.boxlogin p{ color:#000; font-weight: bold; }
.boxlogin .header_login{
	background: url(img/ingresar_top.png) 0 100% no-repeat;
	font-size: 10px;
	color:#cccccc;
	height:39px;
	text-transform: uppercase;
	padding-top:0px;
	text-align: center;
}
.boxlogin .header_login h2{
	padding-top:8px;
	color:#FFF;
	text-transform: capitalize;
	text-shadow: 1px -1px 1px #000;
}
.boxlogin .content_login div{
	width: 285px;
	height:180px;
	margin: 0 auto;
	color:#000;
}

.boxlogin .content_login{ background: url(img/ingresar_middle.png) repeat-y; padding:0 25px 15px 25px; }
.boxlogin .bottom_login{ background: url(img/ingresar_bottom.png) no-repeat 0 100%; height:10px;}

.boxlogin form{ margin-top:10px; }
.boxlogin form fieldset{ border:1px solid #b7b9bd; border-radius: 5px; background-color: #FFF;  }
.boxlogin form fieldset p{ padding:10px 5px 10px 5px; }
.boxlogin form fieldset p.line { border-bottom:1px solid #b7b9bd; }
.boxlogin form input{ border:none; background-color: #FFF; float:right; width:125px; margin-top:-2px;}
.boxlogin .send_b{ border:none; background: url(img/button_ok.png) repeat-x; height:31px; width:100%; color:#FFF; margin-top:10px; border-radius: 5px; font-weight: bold; cursor:pointer; padding-top:8px; display:block; text-align: center; font-size: 14px; text-decoration: none; margin-bottom:10px;}
.boxlogin .b_logout{ background: url(img/b_logout.png) repeat-x; }
.boxlogin .olvido_c { margin-top:10px; }
.boxlogin .olvido_c a{ text-decoration: underline; color:#000; }
.boxlogin .loading_login{
	background: url(img/loading.gif) no-repeat;
	margin-left:80px;
	display: block;
	width: 100px;
	color:#cc3333;
	text-align: center;
	text-indent: -9999px;
	overflow:hidden;
}
#boxlogin .close_login, .header_ea .close_login{
	position:absolute;
	top:12px;
	right:12px;
	width:18px;
	height:18px;
	background: url(img/close_login.png) no-repeat;
	display:block;
	text-indent: -99999px;
	overflow: hidden;
}
/*
#boxlogin .content_login div span.line{
	width: 100%;
	height:5px;
	border-top: 2px #b3b3b3 dotted;
	display:block;
	float:left;
	margin:10px 0 5px 0;
}
#boxlogin .content_login div p.olvido_c{
	margin:10px 0 0 90px;
	float:left;
}
#boxlogin .content_login div p.olvido_c a{
	color:#000;
	text-decoration: none;
}
#boxlogin .content_login div ul{
	width:180px;
	margin:0 auto;
}
#boxlogin .content_login div ul li{
	float:left;
	margin-top:15px;
	margin-right:10px;
}
#boxlogin .content_login div input.send_b, #boxlogin .content_login div a.cancel_b{
	display:block;
	width:74px;
	height:31px;
	color:#FFF;
	text-decoration: none;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#boxlogin .content_login div input.send_b{
	background: url(img/boton_send.png) no-repeat;
}
#boxlogin .content_login div a.cancel_b{
	background: url(img/botton_cancel.png) no-repeat;
}
#boxlogin .content_login div label{
	float: left;
    line-height: 23px;
    min-width: 70px;
    padding: 0 18px 0 0;
    text-align: left;
    font-weight: bold;
}
#boxlogin .content_login div input{
	background: none repeat scroll 0 0 white;
    border: 1px solid #C4C4C4;
    float: left;
    height: 26px;
    padding: 0 4px;
    width: 185px;
}
#boxlogin .error_login{
	width: 100%;
	color:#cc3333;
	text-align: center;
	float:left;
	display:none;
}
#boxlogin .loading_login{
	background: url(img/loading.gif) no-repeat;
	margin-left:130px;
	width: 100px;
	color:#cc3333;
	text-align: center;
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	display:none;
}
*/
/*ERROR ACCES*/
.message_error{
	text-align: center;
	margin:0 auto;
	margin-top:50px;
	width: 600px;
}
.message_error h2{
	color: #003366;
	font-size: 30px;
	margin: 0 0 30px 0;
}
.message_error p{
	font-size: 18px;
	margin: 0 0 30px 0;
	line-height: 20px;
}
.message_error p a{
	color:#003366;
	font-weight: bold;
	text-decoration: none;
}
.list_newspaper{
	width:100%;
}
.list_newspaper ul{
	width:100%;
	overflow:hidden;
}
.list_newspaper ul.ea_magazine{
	width:650px;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}
.list_newspaper ul.ea_newspaper li{
	float:left;
	width:25%;
	text-align: center;
}
.list_newspaper ul.ea_magazine li{
	float:left;
	width:16%;
	text-align: center;
}
.list_newspaper ul.ea_newspaper li span{
	display:block;
	width:151px;
	height:40px;
	background: url("img/sprite_diaris_mini.png") no-repeat 0 0;
	margin: 0 auto;
}
.list_newspaper ul.ea_magazine li span{
	display:block;
	width:70px;
	height:95px;
	background: url("img/sprite_diaris_mini.png") no-repeat 0 0;
	margin: 0 auto;
}
.list_newspaper ul li span.img_ln{ background-position: 0 -82px; }
.list_newspaper ul li span.img_ef{ background-position: 0 -42px; }
.list_newspaper ul li span.img_ad{ background-position: 0 -124px; }
.list_newspaper ul li span.img_lt{ background-position: 0 0; }
.list_newspaper ul li a{
	text-decoration: none;
}
.list_newspaper ul li span.img_per{ background-position: -223px 0; }
.list_newspaper ul li span.img_sab{ background-position: -154px 0; }
.list_newspaper ul li span.img_so{ background-position: -433px 0; }
.list_newspaper ul li span.img_vi{ background-position: -295px 0; }
.list_newspaper ul li span.img_suc{ background-position: -364px 0; }
/*FI ERROR ACCES*/