/*
* @Prometeus Technology, a subsidiary of Pegasus Tech Supply
* @copyright Copyright (C) 2006-2014 Leonardo Tadei. All rights reserved.
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see gpl-3.0.txt
* Gestor de Contenidos Web is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
*/

@font-face {
	font-family: 'GothicUltraOTRegular';
	src: url('fonts/gothic_ultra_ot-webfont.eot');
	src: local('☺'), url('fonts/gothic_ultra_ot-webfont.woff') format('woff'), url('fonts/gothic_ultra_ot-webfont.ttf') format('truetype'), url('fonts/gothic_ultra_ot-webfont.svg#webfontTdGxoWEO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BankGothicMediumBT';
/*	src: url('fonts/gothic_ultra_ot-webfont.eot');*/
	src: local('☺'), url('fonts/Bank_Gothic_ Medium_BT.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {margin: 0; padding: 0; text-align: center;
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
}
body {
	background-color: #ffffff;
	color: rgb(85, 85, 85);
   font-family: Arial,Helvetica,Sans-serif;
   font-size: 13px;
   background-image: url("img/background.png");
   background-repeat: repeat-x;
	background-attachment: scroll;
}

#container {
/*	background-color: #FFFFFF; */
	color: #4D4D4D;
	margin: 0 30px;
}

#top {
/*	background-color: #FFFFFF; */
	border-width: 2px;
	text-align: left;
	background-image: url("img/wrapper-bg.png") repeat-x scroll left top transparent;
/*	min-width: 980px;*/
	min-width: 340px;
	height: 100px;
}

#top_text {
	margin-left: 10px;
	margin-top: 2px;
	text-align: left;
/*	float: left; */
/*	background-image: url("img/logo.jpg");
	background-repeat: no-repeat;
	background-position: top left;*/
}

#top_text img {
	float: left;
}
#top_text h1 {
	padding-top: 20px;
	padding-left: 30px;
	text-align: right;;
	text-decoration: none;
/*	text-shadow: 1px 0.1ex 0.03em #007171; */
	font-size: 24px;
	color: #1A1A1A;
/*	font-family: 'GothicUltraOTRegular',Garamond,Times,"Times New Roman",Georgia,serif; */
	font-family: 'BankGothicMediumBT',Arial,sans-serif;
	float: right;
}
#top_text h1:hover {
	color: #007272;
	font-style: oblique;
/*	text-shadow: 0 0 0.2em #DD99AA; */
}

#top_text h2 {
	padding-top: 20px;
	font-size: 14px;
	color: #4D4D4D;
}

#swf {
	float: right;
	display: inline-block;
}

/*
#menubar {
	padding-top: 114px;
	border-width: 2px;
	min-width: 980px;
	height: 22px;
}
#menubar ul {
	margin: 2px;
float: left;
}
#menubar li {
	display: inline;
	font-family: Verdana,Tahoma,Arial;
	padding: 6px;
	margin-right: 6px;
	font-weight: bold;
	background-color: #00cccc;
	
	background: -webkit-linear-gradient(#004E4E, #00cccc); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#004e4e, #00cccc); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#004e4e, #00cccc); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#004e4e, #00cccc); /* Standard syntax (must be last) */
/*	
}
#menubar a{
	font-size: 14px;
	margin: 6px;
	padding: 8px 10px;
	margin: 2px 2px;
	color: #ffffff;
}
#menubar a:hover{
	color: #ffff00;
	text-decoration: underline;
}

#menubar .boton_menu:hover{
	background-color: #00ffff;
	color: #000;
}
*/
.downarrowclass{
	background-image: url(img/down.png);
	background-repeat: no-repeat;
	background-position:  center center;
}

/* página y contenido */
#page {
	min-width: 980px;
	padding-top: 10px;
	background-color: #ffffff;
}
#content {
	margin-right: 240px;
	text-align: left;
	background-color: #ffffff;
	min-height: 500px;
	padding: 6px;
}
#content h1{
	text-align: left;
	font-size: 18px;
/*	color: #18587E;*/
	margin-bottom: 6px;
}
#content .titulo{
	text-align: left;
	font-size: 18px;
/*	color: #18587E;*/
	color: #4D4D4D;
	margin-bottom: 6px;
}
#content .tituloseccion{
	text-align: center;
/*	width: 50%;
	margin-left: 25%;*/
	font-size: 36px;
/*	color: #18587E;*/
	margin-bottom: 10px;
/*	background-color: #DDDDDD;*/
/*	font-family: 'GothicUltraOTRegular',Garamond,Times,"Times New Roman",Georgia,serif; */
	font-family: 'BankGothicMediumBT',Arial,sans-serif;
	text-shadow: 10px 0.3ex 0.05em #BFBFBF; /*rgb(170, 170, 170);*/
/*	font-variant: small-caps;*/
	margin-bottom: 10px;
}

#content .izq{
	width: 50%;
	float: left;
	padding: 6px;
	text-align: left;
	background-color: #ffffff;
}
#content .der{
	padding-left: 54%;
/*	padding: 6px;*/
	text-align: left;
	background-color: #ffffff;
}
.izq img{ margin: 0 0 0 4px; }
.der img{ margin: 0 0 0 4px; }
.izq a{ text-decoration: underline; }
.izq a:hover{ color: #3333FF; text-decoration: none; }
.der a{ text-decoration: underline; }
.der a:hover{ color: #3333FF; text-decoration: none; }

/* presetea el contenido alineado a la izquierda */
#content { text-align: left; }
#content p{ text-align: left; }
#content li { text-align: left; list-style-position: inside; list-style-type: square; padding: 4px; }
#content td { text-align: left; }

#content a{ text-decoration: underline; }
#content a:hover{ color: #3333FF; text-decoration: none; }
/* margen de las imágenes en el contenido */
#content img { margin: 4px; max-width: 100%; }
#content .divleer {
	text-align: right;
	background-color: #ffffff;
}
#content .leer{
	text-align: right;
	padding-right: 1px;
	font-size: 10px;
	line-height: 200%;
}
#content .leer a{
	color: #FFFFFF;
/*	background-image: url("img/widgettitle-bg.png");
	background-repeat: repeat-x;
	background-color: #3963C9;*/
/*	font-weight: bold;*/
	font-size: 14px;
	padding: 4px 10px;
	
	background-color: #00cccc;
	
	background: -webkit-linear-gradient(#004E4E, #00cccc); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#004e4e, #00cccc); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#004e4e, #00cccc); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#004e4e, #00cccc); /* Standard syntax (must be last) */
   
   border-radius: 8px 0 0 8px;
}
#content .leer a:hover{
/*	text-decoration: none;
	background-image: none;*/
	font-style: italic;
	text-decoration: underline;
}

#content .listado{
	min-height: 140px;
	border-bottom-color: gray;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	margin-bottom: 10px;
	text-align: left;
}
.listado img {
	margin: 0 8px 0 0;
}

#adds {
	float: right;
	width: 226px;
	background-color: #ffffff;
	text-align: right;
	padding: 6px;
}
#adds h2 {
	font-size: 18px;
	color: #ffffff;
	padding: 4px;
	margin: 4px 0;
/*	background-image: url("img/widgettitle-bg.png");
	background-repeat: repeat-x; */

	background-color: #00cccc;
	
	background: -webkit-linear-gradient(#004E4E, #00cccc); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#004e4e, #00cccc); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#004e4e, #00cccc); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#004e4e, #00cccc); /* Standard syntax (must be last) */
/*	border-radius: 4px 4px; */
}
#adds .deco{
	background-color: #000000;
}
#adds a{
	text-decoration: underline;
	color: #3963C9;
}
#adds .anuncio {
	text-align: left;
}

#footer {
	clear: both;
	margin: 10px;
	padding: 10px;
	font-weight: bold;
	color: #ffffff;
	background-color: #030303;
	height: 44px;
}

#footer a {
	color: #ffffff;
}
/* Formularios */
form {
	background-color: #E5E5E5;
	padding: 20px;
	width: 700px;
	margin: auto;
	border-radius: 0.7em;
	text-align: left;
}
label {
	width: 500px;
	display: block;
	margin: 10px auto;
	text-align: left;
}
form span {
	display: block;
	width: 300px;
	text-align: left;
}
input[type="submit"] {
	margin-left: 200px;
}
input {
	text-align: left;
}
textarea {
	text-align: left;
}

/* Mensajes */
.error {
	text-align: left;
	border-style: solid;
	border-color: #A52A2A;
	border-width: 1px;
	width: 80%;
	margin: auto;
	padding: 10px;
}

#diariosnacionales {
	clear: both;
	margin: auto;
	width: 98%;
}
#diariosnacionales caption {
	border-top-width: 1px;
	border-top-color: #BFBFBF;
	border-top-style: solid;
}

.scrollable {
	margin: auto;
	background-color: #303030;
}
.scrollable .items .item{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 100;
	color: #ffffff;
	line-height: 20px;
	text-align: left;
	padding: 10px;
}
.item h2{
	font-size: 18px;
	color: #F3F3F3;
}
.item h3{
	font-size: 12px;
	color: #E3E3E3;
}

/*
scroll styles here
*/

.item { width: 700px; height: 310px; text-align: center;}
/* .item img {float:left;} */
.item h2 { border:none; margin-bottom:15px;}

.scrollable { position:relative; overflow:hidden; width: 700px; height: 320px;} 
.scrollable .items { width:20000em; position:absolute;}
.scrollable .items div { float:left;} 
.scrollable .items .item { overflow:hidden;}
.scrollable .items .item p { line-height:16px;}
.navi {
	/*width:auto; */
	width: 140px;
	height:20px;
	/*margin:5px 0; */
	margin:5px auto;
	/*padding-left: 480px; */
	padding-top: 14px;
} 
.navi a { width: 16px; cursor:pointer; height: 16px; float:left; margin:0 0 0 3px; background:url(img/circl.png) no-repeat scroll right top; display:block; font-size:1px;} 
.navi a:hover, .navi a.active { background-position:left top; margin:0 0 0 3px;  background:url(img/circl_hover.png) no-repeat scroll right top;}

/* topmenu */

nav{
	height: 45px;
	padding-top: 6px;
}

nav ul{
	display: block;
/*	width: 1002px;*/
	width: 100%;
	margin: auto;
	text-align: left;
/*	background-color: #68AAC2;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-radius: 12px 12px 0 0;*/
}

nav li{
	display: inline-block;
	list-style:none;
	color: #fff;
	text-decoration: none;
	list-style-position: inside;
	padding: 8px;

	background-color: #00cccc;
	background: -webkit-linear-gradient(#004E4E, #00cccc); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#004e4e, #00cccc); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#004e4e, #00cccc); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#004e4e, #00cccc); /* Standard syntax (must be last) */
}

nav li a{
	display: block;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
/*	text-transform: uppercase; */
}
nav li:first-of-type {
/*   	border-radius: 12px 0 0 0;*/
}
nav li:hover{
	color: #ffff00;
	text-decoration: underline;
}


#topmenu a {
/*	text-shadow:0px 1px 0px #fff;
	font-size: 0.82em; */
}

#topmenu .error{background:#eee;border:0px !important;color:#aaa;}

ul#topmenu, ul#topmenu2, ul.tabs {
    font-weight:        bold;
    list-style-type:    none;
/*    margin:             0; */
    padding:            0;

}

ul#topmenu2 {
    margin: 0.25em 0.5em 0;
    height: 2em;
    clear: both;
}

ul#topmenu li, ul#topmenu2 li {
/*    float:              left; */
    margin:             0;
    vertical-align:     middle;
}

#topmenu img, #topmenu2 img {
    margin-right:0.5em;
    vertical-align:-3px;
}

/* #topmenucontainer{ border-top:1px solid #aaa;} */

/* default tab styles */
.tabactive {
   /* background:#fff !important; */
}

ul#topmenu a, ul#topmenu span {
    display:            block;
    margin:             0px;
    padding:            0px;
    white-space:        nowrap;
}

ul#topmenu ul a {
    margin: 0;
}

ul#topmenu .submenu {
    display:	        none;
    position:	        relative;
    text-align: center;
}

ul#topmenu .shown {
    display:            inline-block;
    border: none; /* saca el borde del último elemento */
    text-transform: none;
    padding-right: 20px;
    min-width: 80px;

    background-image: url(img/b_more.png);
    background-repeat: no-repeat;
    background-position: right center;
    
  	background-color: #00cccc;
	background: -webkit-linear-gradient(#004E4E, #00cccc); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(#004e4e, #00cccc); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(#004e4e, #00cccc); /* For Firefox 3.6 to 15 */
   background: linear-gradient(#004e4e, #00cccc); /* Standard syntax (must be last) */

}

ul#topmenu ul {
/*    margin:             0; */
    padding:            0;
    position:           absolute;
    right:              0;
    list-style-type:    none;
    display:            none;
/*    border:             1px #ddd solid; /*
}

ul#topmenu li:hover {
    /* background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important; */
}

ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
    display:            block;
/*    font-weight:3em;
    background:#fff; */
}

ul#topmenu ul li {
    width:              100%;
}

ul#topmenu2 a {
    display:            block;
    margin:             7px 6px 7px 0px;
    padding:            4px 10px;
    white-space:        nowrap;
    border:1px solid #ddd;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background:#f2f2f2;
}

/* disabled tabs */
ul#topmenu span.tab {
    color:              #666666;
}

#topmenu {
/*    margin-top:         0.5em; */
/*    padding:            0.1em 0.3em 0.1em 0.3em; */
}

ul#topmenu ul {
/*    -moz-box-shadow:    1px 1px 6px #ddd;
    -webkit-box-shadow: 2px 2px 3px #666;
    box-shadow:         2px 2px 3px #666; */
}

ul#topmenu > li {
/*    border-right: 1px solid #fff;
    border-left: 1px solid #ccc; */
}

/* default tab styles */
ul#topmenu a, ul#topmenu span {
/*	padding:10px; */
}

ul#topmenu ul a {
    border-width:       1pt 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius:      0;
}

ul#topmenu ul li:first-child a {
    border-width:       0;
}

/* enabled hover/active tabs */
ul#topmenu > li > a:hover,
ul#topmenu > li > .tabactive {
    text-decoration:    none;
}

ul#topmenu ul a:hover,
ul#topmenu ul .tabactive {
    text-decoration:    none;
}

ul#topmenu a.tab:hover,
ul#topmenu .tabactive {
    /* background-color:   #F5F5F5;  */
}

ul#topmenu2 a.tab:hover,
ul#topmenu2 a.tabactive {
    background-color:   #E5E5E5;
    border-radius:      0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    text-decoration:    none;
}

/* to be able to cancel the bottom border, use <li class="active"> */
ul#topmenu > li.active {
    /* border-bottom:      0pt solid #F5F5F5; */
    border-right:0px;
}

/* disabled tabs */
ul#topmenu span.tab,
a.error {
    cursor:             url(./themes/pmahomme/img/error.ico), default;
    color:#ccc;
}

ul#topmenu > li > ul{
	width: auto;
	border: none;
	background-color: transparent;
}
ul#topmenu > li > ul > li{
	border: none;
   text-align: left;
	margin-top: 2px;
	border-radius: 0;
}
/* end topmenu */

@media (max-width: 1020px) {
	#top_text h1{
		font-size: 20px;	
	}
}
@media (max-width: 840px) {
	#top_text h1{
		font-size: 18px;	
	}
		#top_text h1 span{
			display: none;	
		}
}