@import url(typo.css);
/*
Name: Assyce
Author: Grupo Trevenque
Date: 21/12/09
*/

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td {
	margin:0;
	padding:0;
}
fieldset, img, abbr {
	border:0;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

h1, h2, h3, h4, h5, h6, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, li{list-style:none;}

/* layout */
body{ background: #F3F3F3 url(../img/bg_body.gif) repeat-x;}
#top_bar{ width:960px; height:112px; background: transparent url(../img/bg_header.jpg) no-repeat; margin:0 auto; overflow:hidden; /*position:relative;*/ top:0; vertical-align:middle;}
#content_wrap{ width:960px; display:block; margin:46px auto 0; overflow:auto; clear:both;}
#left_column{ float:left; padding-right:20px;padding-bottom:50px;width:222px; }
#content_area{overflow:hidden; padding-bottom:50px;_height:1%; }
#right_column{display:inline;}
#right_column .content{ float:right; margin-left:20px; width:228px;}


#footer_content{ width:960px; margin:0 auto;}


/* stickfooter */
html{ height:100%;}
body{ height:100%;}  
#container{ min-height:100%; position:relative;}
* html #container{ height:100%;}


/*
#footer{ bottom:0; position:absolute;}
*/

body {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
p{
	font-size: 1.1em;
	margin-bottom: 15px;
	line-height: 1.6;
}

/* encabezados */
#titulo{
	margin-top: 77px;
	margin-left: 20px;
	width: 400px;
	height: 50px;
	float:left;
}
h1{
	font-size:1.4em;
	color:#fff;

}
h1 span{
	padding-left: 5px;
	color:#8acdfd;
}
h2{
	font-size:1.4em;
	color:#0C64CB;
	margin-bottom:15px;
}
h3{
	font-size:1.1em;
	color:#0C64CB;
	margin:25px 0 10px 0;
}
h4{

}
h5{

}

/* enlaces */
a:link, a:visited{
	text-decoration:none;
	color:#0C64CB;
}
a:hover{
	text-decoration:underline;
}

/* logo */
#top_bar h1 a {
	background:transparent url(../img/logo.gif) no-repeat scroll left top;
	display:block;
	height:53px;
	overflow:hidden;
	position:absolute;
	text-indent:-10000px;
	width:166px;
}
#footer .footcol{
	display:block;
	float:left;
	margin-right:65px;
	border-right: 1px dotted gray;
}

/* navigation_level_1 */
#navigation_level_1 {
	margin-top:20px;
	height:39px;
	float: right;
}
#navigation_level_1 ul li {
	float:left;
	margin-right:25px;
 }
#navigation_level_1 ul li a {
	display:block;
	height:39px;
	text-indent:-9999px;
	background-color:transparent;
	background-repeat:no-repeat;
}
#navigation_level_1 ul li#btn01 a{	background-image:url(../img/btn_01.png);width:52px;}
#navigation_level_1 ul li#btn03 a{	background-image:url(../img/btn_02.png);width:47px;}
#navigation_level_1 ul li#btn04 a{	background-image:url(../img/btn_03.png);width:62px;}
#navigation_level_1 ul li#btn05 a{	background-image:url(../img/btn_04.png);width:59px;}
#navigation_level_1 ul li#btn06 a{	background-image:url(../img/btn_05.png);width:30px;}
#navigation_level_1 ul li#btn02 a{	background-image:url(../img/btn_06.png);width:43px;}

#navigation_level_1 ul li#btn01 a:hover, #navigation_level_1 ul li#btn01.selected a{background-image:url(../img/btn_01b.png);}
#navigation_level_1 ul li#btn03 a:hover, #navigation_level_1 ul li#btn03.selected a{background-image:url(../img/btn_02b.png);}
#navigation_level_1 ul li#btn04 a:hover, #navigation_level_1 ul li#btn04.selected a{background-image:url(../img/btn_03b.png);}
#navigation_level_1 ul li#btn05 a:hover, #navigation_level_1 ul li#btn05.selected a{background-image:url(../img/btn_04b.png);}
#navigation_level_1 ul li#btn06 a:hover, #navigation_level_1 ul li#btn06.selected a{background-image:url(../img/btn_05b.png);}
#navigation_level_1 ul li#btn02 a:hover, #navigation_level_1 ul li#btn02.selected a{background-image:url(../img/btn_06b.png);}


/* navigation_level_2 */
#navigation_level_2 {

	width:218px;
	margin-bottom:30px;
}
#navigation_level_2 ul li.first{
	border-top: 1px dotted #C3C3C3;
}
#navigation_level_2 ul li {
	width:218px;
	/*height:33px;*/
	border-bottom: 1px dotted #C3C3C3;
}
#navigation_level_2 ul li a {
	/*height:23px;*/
	color:#333;
	display:block;
	padding:10px 0 8px 23px;
	font-size: 1.1em;
}
#navigation_level_2 ul li a:hover{
	background-color:#E9E9E9;
	text-decoration:none;
}
#navigation_level_2 ul li.selected a{
	color:#0C64CB;
	background:transparent url(../img/arrow01.gif) no-repeat scroll 7px 14px;
	font-weight: bold;
}
#navigation_level_2 ul li.separator {
	background:transparent url(../img/separator.png) no-repeat scroll left top;
	border-bottom: none;
	width:222px;
	height:30px;
	margin-top:35px;
}
#navigation_level_2 ul li.first-separator{
	margin-top:0px;
}
#navigation_level_2 ul li.separator strong{
	display:block;
	color:#444;
	padding:8px 0 0 34px;
	font-weight: bold;
	font-size: 1.1em;
}


/* descargas */
#downloads {
	background:transparent url(../img/downloads.png) no-repeat scroll left top;
	width:218px;
	padding-top:40px;
}
#downloads ul li{
	width:206px;
	height:38px;
	margin-left: 4px;
	border-bottom: 1px solid #D7D7D7;
}
#downloads ul li a{
	background:transparent url(../img/download_icon.gif) no-repeat scroll 4px 12px;
	height:26px;
	display:block;
	padding-top: 12px;
	padding-left: 23px;
	font-size: 1em;
}
#downloads ul li a span{
	color:#333;
	font-size: .9em;
	padding-left:4px;
	text-transform: uppercase;
}
#downloads ul li a:hover{
	background:#EBEBEB url(../img/downloadblue_icon.gif) no-repeat scroll 4px 12px;
	text-decoration:none;
}

/* idiomas */
#language_selector{
	background:transparent url(../img/break.gif) no-repeat scroll left top;
	margin-top:23px;
	width:107px;
	float: right;

}	
#language_selector a{
	background:transparent url(../img/flag_es.gif) no-repeat scroll 20px 1px;
	padding-left:47px;
	color:#FFF;
	text-decoration:underline;
}
#language_selector a:hover{
	color:	#B4FF9F;
}
#language_selector li.es a{background:transparent url(../img/flag_es.gif) no-repeat scroll 20px 10px;}
#language_selector li.en a{background:transparent url(../img/flag_en.gif) no-repeat scroll 20px 10px;}
#language_selector li.fr a{background:transparent url(../img/flag_fr.gif) no-repeat scroll 20px 10px;}

#languagemenu{
	display:block;
	width:107px;
	height:102px;
	background:url(../img/bg_idiomas.jpg); 
	position:absolute;
	top:0px;
	padding:14px 0px 6px;
	z-index:100000;
}
#languagemenu li a{
	padding:9px 0px 10px 47px;
	display:block;
}

/* galeria */
.galeria .image{
	border:1px solid #C4C4C4;
	margin:6px 6px 0 0;
	float:left;
}

/* ficha tecnica */
.ficha { margin-top:30px;width:472px;_width:450px;}
.ficha h2{ 
	background-color:#0C64CB;
	color:#fff; 
	height:20px; 
	padding-left:10px; 
	padding-top:6px; 
	font-size: 1.1em; 
	font-weight: bold;
}
.ficha table{ width:472px; font-size:1.1em;_width:450px;}
.ficha table tr{ height:25px;}
.ficha table td{ padding-left:10px;}
.ficha .o1{ background-color: #e7e7e7;}
.clear{
	clear:both;
	height:60px;
}

/* news */
#news { 	
	margin-bottom:20px;
}
#news h3 {
	margin: 0 0 18px 22px;
	border-bottom:1px dotted #c7c7c7;
	padding:0 0 7px 3px;
	font-size:.85em;
	text-transform: uppercase;
}
#news li.new{
	font-size:.9em;
	list-style:none;
}

.news-date{
	margin-bottom:5px;	
}

.news-list-container h3{
	font-size: 14px;
	margin: 2px 0 7px;
}
.news-list-container p{
	margin-bottom:0px;
	
}
.news-list-item{
	padding-bottom:22px;
	margin-bottom:22px;
	border-bottom:1px solid #E4E4E4;
	
}

#content_area .new { 

	float:left;
	font-size:.9em;
	width:222px;
	padding-left:22px;
	margin-left:0px;
}
.new h4{ 
	color:#0C64CB;
	font-size: 1.2em; 
	margin-bottom:11px;
	font-weight: bold;
}

/* proyects */
#proyects{
	
	margin-right:-22px;
	display:block;
	overflow:hidden
	/*_left:-22px;*/
	
}

.proyect { 
	float:left;
	font-size:.9em;
	position:relative;
	width:222px;
	height:235px;
	margin-right:22px;
	_margin-right:16px
	
}
.proyect img{
	float:left;
	overflow:auto;
	margin-bottom:10px;
}
.proyect img.window {
	border:medium none;
	width:222px;
	height:114px;
	top:0px;	
	left:0px;	
	position:absolute;
}
.proyect .nombre {
	color:#FFF;
	top:92px;
	left:18px;	
	position:absolute;
}
.proyect p {
	padding-left:3px;
}
.proyect a {
	text-decoration:none;
	text-shadow: #333 1px 1px 2px;
}
.proyect span.ver a {
	padding-left:3px;
	font-size:.9em;
	text-shadow: none;
}

/* world */
#world {
	background:transparent url(../img/world.gif) no-repeat scroll left top;
	height:335px;
}

/* footer */
#footer{ 
	height:35px; 
	width:100%; 
	background-color: #39434c; 
	padding:22px 0 0 0px;
	color: #808080;
}
#footer_content{
	padding-left:8px;
	
}
#footer a{
	color: #808080;
}
#footer a:hover{
	color: #e7e7e7;
	text-decoration: none;
}
#footer #contact{
	float:left;
		
}
#footer #contact a{
	font-size:11px;
	margin:2px 4px ;	
}
#footer img{
	float:right;
	margin-top:-22px;
	margin-left:10px;
}
#footer .copyright{
	float:right;
	font-size:11px;
	
	
}
/*estilos de texto*/
#content_area ul{
	color:#369;	
}
#content_area li{
	list-style:disc;
	margin-left:22px;	
	color:#666;
	font-size: 1.1em;
	margin-bottom: 12px;
	line-height: 1.6;
}
/*contacto*/
.csc-mailform  {
	margin-top:20px;
	width:500px;
}
.csc-mailform label {
	color:#666;
	float:left;
	margin-right:20px;
	padding-top:9px;
	font-size:1.1em;
	width:110px;
}
.csc-mailform input {
	border:1px solid #D9D9D9;
	color:#333333;
	font-size:1.15em;
	padding:5px;
	vertical-align:middle;
	width:308px;
	margin-bottom:10px;
}
.csc-mailform textarea {
	border:1px solid #D9D9D9;
	color:#333333;
	font-size:1.15em;
	height:130px;
	padding:5px;
	vertical-align:middle;
	width:317px; 
	margin-bottom:10px;
}
.csc-mailform .csc-mailform-submit {
	border:medium none;
	cursor:pointer;
	display:block;
	height:19px;
	margin-top:10px;
	margin-left:368px;
	padding-top:14px;
	text-indent:-999em;
	width:79px;
	background:url(../img/btn_send.gif);
}

/*menu dispatcher*/

ul.csc-menu,ul.csc-menu li{
	list-style:none;
	display:inline;	
	margin:0px !important;
	padding:0px !important;
}
ul.csc-menu li a{ 
	font-size:11px;	
	background:url(../img/icons/icon_arrow.gif) no-repeat left 3px;
	display:block;
	color:#0C64CB;
	padding-left:20px;
	padding-bottom:5px;
	
}

/*links*/
ul#links li.link, ul#links{
		display:inline;
		margin:0px;
		padding:0px;
		list-style:none;
}
ul#links{
	
	margin-right:-22px;
	display:block;
	overflow:hidden;
}
ul#links li.link a{
	display:block;
	width:222px;
	height:202px;
	float:left;
	margin-right:22px;
	_margin-right:16px;
	font-size:11px;
	color:#666;
}
ul#links li.link a:hover{
	text-decoration:none;
	
}

ul#links li.link a strong{
	display:block;
	margin-top:10px;
	margin-bottom:2px;
	color:#333;
}

div#ofertas .item h3{
	font-size: 1.4em;
	font-weight:bold;
	color:#333;
	margin-bottom:8px; 
}

div#ofertas .item dl dt{
	float:left;
	width:130px;
	color:#0C64CB;
	clear:left;
	font-size:1.1em;
	margin-bottom:4px;
}
div#ofertas .item dl dd{
	font-size:1.1em;
	margin-bottom:4px;
}
div#ofertas{
	margin-bottom:28px;
}
div#ofertas .item {
	border-bottom:1px solid #E4E4E4;
	padding-bottom:16px;
}