/* 
@author: Javlop
@copyright: Datasec, Javlop and Triton
*/

/* globals */
#body_main { padding: 0; margin: 0; background:White url(../images/g/degradee_body.png) repeat-x top; }
body, td, th, p, div { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
a:link { color: #006699; text-decoration:none; }
a:visited { color: #003366; text-decoration:none; }
a:active { color: #ff0000; text-decoration:none; }
a:hover { color: #006699; text-decoration: underline; }
.container { width: 1000px; position: relative; }
img { border:0; }
h1 {} /* Main Logos */
h2 {} /* Defined with Joomla .contentheading */
h3 { font: 14px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; }
h4 { font: 13px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; }
h5 { font: 12px Geneva, Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; }
.small { font-size: 9px !important; }

/* Sites customization */
#sp, #en, #pts, #dis { width: 1000px; margin:0 auto; }
#en #top h1 { background: url(../images/g/h1_en.png) no-repeat 10px 7px; }
#en #top .dll, #sp #top .dll { background-color: #ef3023; }
#sp #top h1 { background: url(../images/g/h1_sp.png) no-repeat 10px 7px; }
#sp #top, #en #top { }
#pts #top, #dis #top  { background: White url(../images/g/bg_top_pts.png) repeat-y right; }
#dis #top h1 { background: url(../images/g/h1_dis.png) no-repeat 10px 7px; }
#pts #top h1 { background: url(../images/g/h1_pts.png) no-repeat 10px 7px; }
#pts #top .dll, #dis #top .dll { background-color: #ff6600; }

#tablaTr { background-color:#FFF; }


/* Fix IE. Hide from IE Mac \*/
* .moduletable-menu ul li, .menu ul li { float: left; height: 1%; }
* .moduletable-menu ul li a, menu ul li a  { height: 1%; }
/* End */

/* ######################### Top container ######################### */
	
#top { width: 1000px; height: 73px; position: relative; }
#top .dll {	width: 100%; height: 3px; background-color: #ef3023; }
#mainlevel-topmenu img { vertical-align:top; }

	/* ## H1 ## */

#top h1 { width: 400px; height: 69px; margin:0; padding:0;  }
#top h1 a { position: relative; display: block; width: 350px; height: 69px; }
#top h1 a:hover { background-color: transparent; }
#top h1 a span { display: none; }

#top .moduletable-menu {
	position: absolute;
	top: 4px;
	left: 615px;
	width: 378px;
	height: 26px;
	border: 1px solid White;
	border-top: none;
	background-color: #666666;
	z-index: 1;
}
#en #top .moduletable-menu {
	left:524px !important;
	width:469px !important;
}
#en  #top .moduletable-menu ul { width: 600px !important; }
#top .moduletable-menu ul { list-style: none; padding: 0; margin: 0; width: 500px; }
#top .moduletable-menu li { padding: 0 10px 0 10px; margin: 5px 0 0 0; display: block; float: left; background: transparent url(../images/g/sep_bn_top.png) no-repeat right; }
#top .moduletable-menu li a { text-decoration: none; color: #cccccc;  }
#top .moduletable-menu li a:visited {  }
#top .moduletable-menu li a:active {  }
#top .moduletable-menu li a:hover { color: White; }

/* ######################### Left container ######################### */

#left {
	/* background-color: #f7f6fb; */
	width: 121px;
	position: absolute;
	top: 73px;
	z-index: 5;
}

#left .moduletable-menu ul { list-style: none; padding: 0; margin: 0; width: 121px; }
#left .moduletable-menu ul li { padding: 5px; border-bottom: 1px dashed #d2dce9; margin: 2px 0 0 2px; position: relative; width: 100px;  }
#left .moduletable-menu ul li li { width: 180px;  }
#left .moduletable-menu ul li a { text-decoration: none; color: #13578a; }
#left .moduletable-menu ul li a:hover { text-decoration: none; color: Navy; }
#left .moduletable-menu li ul {
	position: absolute;
	left: 107px;
	top: 0;
	display: none;
	width: 200px;
	background-color: #f7f8ff;
	border: 1px solid #cccccc;
	}
#left .moduletable-menu li:hover ul, 
#left .moduletable-menu li.over ul { display: block; }
a#active_menu-mainmenu { font-weight: bold; color: #666666 !important;  }
#left span.mainlevel-mainmenu { background: transparent url(../images/g/more.png) no-repeat right; color: #13578a; display:block; width:100px; }

/* ######################### Middle container ######################### */

#middle {
	width: 674px;
	position: relative;
	margin: 2px 193px 3px 124px;
	z-index: 4;
	min-height: 300px;
}

/* Trit-slideshow */

	/* Configuracion general */

#trit-slideshow { position:relative; width:864px; height:269px; }
#trit-slideshow .slides { position:absolute; top:0; left:0; width:864px; height:221px; background:transparent url(../images/trit-slideshow/bg.png) no-repeat 0 0; }
#trit-slideshow .slide { position:absolute; top:0; left:0; width:864px; height:221px; }
#trit-slideshow .slide h3, #trit-slideshow .slide a.continuar span { display:none; }
#trit-slideshow .slide a.continuar { position:absolute; display:block; width:120px; height:35px; background:transparent url(../images/trit-slideshow/btn_continuar.png) no-repeat 0 -32px }
#trit-slideshow .slide a.continuar:hover { display:block; width:212px; height:35px; background:transparent url(../images/trit-slideshow/btn_continuar.png) no-repeat 0 6px }
#trit-slideshow ul.buttons { position:absolute; top:220px; left:344px; width:520px; height:50px; clear:both; margin:0; padding:0; }
#trit-slideshow ul.buttons li { display:block; list-style:none; margin:0; padding:0 30px 0 0px; float:left; background:transparent url(../images/trit-slideshow/btn_slide-separador.png) no-repeat right 1px; }
#trit-slideshow ul.buttons li.last { background:none !important; padding:0 !important; }
#trit-slideshow ul.buttons li span { display:none; }

	/* Slides */

#trit-slide1 { width:864px; height:50px; background:transparent url(../images/trit-slideshow/trit-slide1.jpg) no-repeat 0 0; }
#trit-slide1 a.continuar { top:132px; left:158px; }

#trit-slide2 { width:864px; height:50px; background:transparent url(../images/trit-slideshow/trit-slide2.jpg) no-repeat 0 0; }
#trit-slide2 a.continuar { top:132px; left:294px; }

#trit-slide3 { width:864px; height:50px; background:transparent url(../images/trit-slideshow/trit-slide3.jpg) no-repeat 0 0; }
#trit-slide3 a.continuar { top:132px; left:282px; }

#trit-slide4 { width:864px; height:50px; background:transparent url(../images/trit-slideshow/trit-slide4.jpg) no-repeat 0 0; }
#trit-slide4 a.continuar { top:132px; left:228px; }

#trit-slide2, #trit-slide3, #trit-slide4 { display:none; }

	/* Botones */
	
li#btn-slide1 a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-1.png) no-repeat center bottom; }
li#btn-slide1.active a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-1.png) no-repeat center top; }

li#btn-slide2 a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-2.png) no-repeat center bottom; }
li#btn-slide2.active a { display:block; width:75px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-2.png) no-repeat center top; }

li#btn-slide3 a { display:block; width:110px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-3.png) no-repeat center bottom; }
li#btn-slide3.active a { display:block; width:110px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-3.png) no-repeat center top; }

li#btn-slide4 a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4.png) no-repeat center bottom; }
li#btn-slide4.active a { display:block; width:150px; height:49px; background:transparent url(../images/trit-slideshow/btn_slide-4.png) no-repeat center top; }


/* ######################### Right container ######################### */

#right {
	width: 190px;
	position: absolute;
	top: 77px;
	left: 804px;
	z-index: 2;
}

#right input.textfield { height:15px; border: 1px solid #cccccc; background-color: White; font: 10px Arial, Helvetica, sans-serif; color: #333333;  }
#right textarea { border: 1px solid #cccccc; background-color: White; font: 10px Arial, Helvetica, sans-serif; color: #333333; }
#right input.button {  }

/* ######################### Footer container ######################### */

#footer { width: 1000px; position: relative; background-color: Aqua; clear: both; border-top: 1px solid #cccccc; background-color: White; padding: 5px 0 5px 5px; }

/* ######################### Joomla ######################### */

.contentpaneopen td { padding: 15px; margin:0; }
.contentpaneopen td td { padding: 0; margin:0; }

h2, td.contentheading, td.componentheading, div.componentheading, .TitItem { 
	font: 14px Geneva, Arial, Helvetica, sans-serif; color: #03699d; font-weight:bold;
	border-bottom: 1px solid #cccccc; margin:0; padding:10px; }
td.buttonheading { border-bottom: 1px solid #cccccc; margin:0; padding:10px; }

#dis td.contentheading, #pts td.contentheading { width: 640px; }

.blog td.contentheading, #dts-tab-Best td.contentheading { border: 0; padding: 0; margin:0; color: #666666; }
.blog .contentpaneopen td, #dts-tab-Best .contentpaneopen td  { padding: 0; margin:0; }
.blog .contentpaneopen td p, #dts-tab-Best .contentpaneopen td p  { padding: 0; margin:0; }
.blog .contentpaneopen td td, #dts-tab-Best .contentpaneopen td td { padding:0; margin:0; }
.blog div, #dts-tab-Best div  { margin: 15px; padding:0; }
.blog div div, #dts-tab-Best div div { margin: 0; padding:0; }

span.article_seperator { margin: 0 10px 0 10px; padding: 0; display:block; width:100%; border-bottom:1px dotted #f1f1f1; height:1px; }

.message { padding: 25px; margin: 15px; background-color:#FFFFCC; font-weight:bold; color:#FF6600; }

/* ######################### WYSIWYG ######################### */

.right_container { width: 150px; border-left: 1px dotted #cccccc; float: right; padding: 0 10px 0 10px; margin:0 10px 10px; }
.right_container h3 { font: 13px Arial, Helvetica, sans-serif; color: #666666; font-weight:bold; }
.intro_text { font: 13px/20px Arial, Helvetica, sans-serif; color: #666666; margin-bottom: 10px; padding-bottom:10px; border-bottom: 1px dotted #cccccc; }
.blog .intro_text { font: 12px Arial, Helvetica, sans-serif; color: #333333; margin:0; padding:0; border:0; }

/* ######################### FORMS ######################### */

.sep_form_x {border-bottom:1px dotted #CCCCCC; padding-bottom:10px;}
.sep_form_y {border-right:1px solid #CCCCCC;}