@import url("reset.css");

html
{
	background: #FFFFFF url(../img/background-tree-right.gif) no-repeat scroll right top;
	color: #000000;
}

body
{
	background: transparent url(../img/background-tree-left.gif) no-repeat scroll left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding: 0 0 2em 0;
}

input
{
	border: 1px solid #CCCCCC;
	font-size: 0.85em;
	padding: 0.15em 0.15em 0.15em 0.15em;
	width: 15em;
}
button
{
	background-color: #990000;
	border: 0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0.25em 0.5em;
}


a:link, 
a:visited
{
	background-color: transparent;
	color: #990000;
}
a:hover,
a:active
{
	background-color: transparent;
	color: #333333;
}



.pagination
{
	border: 1px solid #ECECEC;
	border-width: 1px 0;
	clear: left;
	margin: 1em 0 0 0;
	overflow: visible;
	padding: 1em 0 1em 0.1em;
	height: 1.1em;
}
.pagination .total
{
	display: none;
}
.pagination li
{
	display: inline;
	margin: 0;
	padding: 0;
}
.pagination li a:link,
.pagination li a:visited
{
	background-color: transparent;
	border: 1px solid #CCCCCC;
	color: #666666;
	display: block;
	float: left;
	font-size: 0.95em;
	margin: 0 0.1em;
	padding: 0em 0.4em;
	text-align: center;
	text-decoration: none;
}
.pagination li a:hover,
.pagination li a:active
{
	text-decoration: underline;
}
.pagination li.leader a:link,
.pagination li.leader a:visited,
.pagination li.leader a:hover,
.pagination li.leader a:active
{
	background-color: #990000;
	color: #FFFFFF;
	font-weight: bold;
}
.pagination li.prev a:link,
.pagination li.prev a:visited,
.pagination li.prev a:hover,
.pagination li.prev a:active,
.pagination li.next a:link,
.pagination li.next a:visited,
.pagination li.next a:hover,
.pagination li.next a:active
{
	background: transparent url(../img/icons/icon-before.png) no-repeat scroll left 0.55em;
	border: 0;
	color: #990000;
	font-size: 0.95em;
	font-weight: bold;
	padding: 0.1em 0.3em 0 1.2em;
	margin: 0 0.6em 0 0;
}
.pagination li.next a:link,
.pagination li.next a:visited,
.pagination li.next a:hover,
.pagination li.next a:active
{
	background: transparent url(../img/icons/icon-next.png) no-repeat scroll right 0.55em;
	padding: 0.1em 1.2em 0 0.3em;
	margin: 0 0 0 0.6em;
}



/*Imagenes*/
.img_left
{
	float: left;
	padding: 0.5em 0.5em 0.5em 0;
}
.img_right
{
	float: right;
	padding: 0.5em 0 0.5em 0.5em ;	
}
.capDivRightBrd
{
	border: 1px solid #CCCCCC;
	float: right;
}
.capDivLeftBrd
{
	border: 1px solid #CCCCCC;
	float: left;
}
.capDivLeftBrd .caption,
.capDivRightBrd .caption
{
	display: block;
	padding: 0.4em;
}



/*----- Flash Player -----*/
#flash_player
{
	display:block;
	height:368px;
	margin:10px 0pt 5px 4px;
	padding:0pt;
	width:491px;
}



/*----- Cabecera -----*/
#header
{
	height: 13.5em;
	/*overflow: auto;*/
	width: 72em;
}
#header h1 a
{
	background: transparent url(../img/logo.gif) no-repeat scroll left top;
	color: #0000FF;
	float: left;
	height: 61px;
	margin: 1.9em 0;
	outline: none;
	text-indent: -9000em;
	width: 89px;
}
#header ul
{
	background: transparent url(../img/background-grey-transparent.png) repeat scroll left top;
	display: block;
	float: right;
	height: 1.3em;
	margin: 0.5em 0 0 0;
	padding: 0.9em 0.6em;
	/*width: 12.1em;*/
}
#header ul li
{
	display: inline;
}
#header ul li.rss a,
#header ul li.alerts a
{
	background: transparent url(../img/icon-rss.png) no-repeat scroll left center;
	/*border-right: 1px solid #CCCCCC;*/
	font-size: 0.95em;
	font-weight: bold;
	margin: 0.5em 0 0.5em 0.9em;
	padding: 0.31em 0.8em 0.3em 1.5em;
	text-decoration: none;	
}
#header ul li.alerts a
{
	background: transparent url(../img/icon-alert.png) no-repeat scroll left center;
	border: 0;
	padding-top: 0.1em;
	padding-left: 1.8em;
}







/*----- Contenedor general -----*/
#container
{
	margin: 0;
	outline: none;
	overflow: auto;
	width: 72em;
}

/* Menu */
#menu
{
	background: transparent url(../img/background-grey-transparent.png) repeat scroll left top;
	clear: both;
	display: block;
	float: left;
	margin: -1em 0;
	padding: 0 0 2em 0;
	width: 13.5em;
}
#menu li
{
	padding: 0.5em 2.2em 0.5em 0 ;
	text-align: right;
}
#menu a:link,
#menu a:visited
{
	background-color: transparent;
	color: #333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
#menu a:hover,
#menu a:active,
#menu a.active:link,
#menu a.active:visited,
#menu a.active:hover,
#menu a.active:active
{
	background-color: transparent;
	color: #990000;
}
/* Selector idioma */
#language_select
{
	width: 13.5em;
}
#language_select select
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #666666;
	font-size: 0.95em;
	margin: 0 0.6em;
	padding: 0.1em 0.1em 0.1em 0.2em;
	width: 12.5em;
}
/*Acceso directo a idiomas*/
#languages_direct,
#language_select label,
#language_select legend
{
	display: none;
}

/*----- Contenido variable -----*/
#content
{
	float: left;
	margin: -3em 0 0 0;
	min-height: 50em;
	padding: 0 0 1em 4em;
	width: 54.4em;
}
#content h2
{
	background-color: transparent;
	color: #990000;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size: 4.5em;
	font-weight: bold;
	letter-spacing: -3px;
	margin: 0 0 0 -3px;
	padding: 0.05em 0 0 0;
}
#content h3
{
	background-color: transparent;
	color: #333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	padding:0em 3em 0.6em 0pt;
	margin: 0 0 0 0;
}



/*----- Contenido tinymce -----*/
.mceContentBody
{
	background: none;
	background-color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.85em;
}
.mceContentBody h3
{
	background-color: transparent;
	color:#333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size:2em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0;
	padding:0 3em 0.6em 0;
}
.mceContentBody h4
{
	font-size:1.4em;
}
.mceContentBody p
{
	color:#666666;
	font-size: 1em;
	line-height: 1.6em;
	padding:0pt 0pt 0.8em;
}






/* Botones de opciones */
.field_options
{
	margin: 1.8em 0 0.8em 0;
}
.field_options a:link,
.field_options a:visited
{
	background-color: #990000;
	border: 1px solid #990000;
	color:#FFFFFF;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	outline:invert;
	padding:0.2em 0.4em;
	text-align:center;
	text-decoration:none;
	width:4.2em;
}
.field_options a:hover,
.field_options a:active
{
	background-color: #333333;
}





/*----- Portada -----*/
#index_works,
#index_news
{
	background-color: transparent;
	color: #686868;
}
#index_works
{
	border-bottom: 1px dotted #CCCCCC;
}
#index_works h3
{
	padding: 0 2em 0 0;
}
#index_works h3 a
{
	background-color: transparent;
	color: #333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
}
#index_works .field_options
{
	margin: 0.5em 0 2em 0;
}
#index_works .description
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.5em 0 0 0;
}
#index_works img
{
	margin: 0.8em 0 0.3em 0;
}

#index_news .field_id,
#index_news .field_position,
#index_news .pagination,
#index_news .field_id_language
{
	display: none;
}
#index_news .field_title
{
	padding: 0 0 0.1em 0;
}
#index_news .field_title a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
}

#index_news .field_subtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




/*----- Noticias -----*/
#news_list li
{
	border-bottom: 1px dotted #CCCCCC;
	padding: 1.3em 0;
}
#news_list li ul li
{
	border: 0;
	padding: 0;
}

#news .field_id,
#news .field_position,
#news .field_id_language
{
	display: none;
}
#news .page_0 .row_1 .field_title
{
	line-height: 0.9em;
	padding: 0.2em 0 0.1em 0;	
}
#news .page_0 .row_1 .field_title a:link,
#news .page_0 .row_1 .field_title a:visited
{
	background-color: transparent;
	color: #333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
}
#news .page_0 .row_1 .field_title a:hover,
#news .page_0 .row_1 .field_title a:active
{
	background-color: transparent;
	color: #990000;
}
#news .field_title
{
	line-height: 0.6em;
	letter-spacing: 0;
	padding: 0;
}
#news .field_title a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	font-weight: bold;
	text-decoration: none;
}
#news .field_subtitle
{
	margin: 1em 0;
}
#news .field_time
{
	background-color: transparent;
	color: #666666;
	font-size: 0.95em;
	padding: 0 0 0.4em 0.05em;
}
#news .field_subtitle,
#news .field_body
{
	background-color: transparent;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}


/* noticia completa */
#news .field_options
{
/*	margin: -3em 2em 1.7em 0;
	float: right;
*/
}
#news #news_list .field_options
{
	float: none;
	margin: 1.6em 0 0 0;
	text-align: left;
}
#news .field_body p
{
	padding: 0 0 0.8em 0;
}
#news #news_full
{
	padding: 1.3em 0 0 0; 
}
#news #news_full .field_title
{
	background-color: transparent;
	color: #333333;
	font-family:"Trebuchet MS", trebuchet, Arial, Verdana;
	font-size:2em;
	font-weight:normal;
	letter-spacing: -1px;
	line-height: 1.0em;
	padding: 0.15em 0 0.5em 0;
	text-decoration: none;
}
#news #news_full .field_options
{
	margin: 2.8em 0 2.8em 0;
}




/*----- Media -----*/
#services #content p
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.65em;
	padding: 0.2em 0 1em 0;
}
#services .field_options,
#services .field_id
{
	display: none;
}
#services h4
{
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-weight:bold;
}





/*----- Contacto -----*/
#contact #content ul
{
	margin: 1.5em 0 0 0;
}
#contact #content li
{
	display: block;
	float: left;
	font-style: normal;
	padding: 0 1.5em;
	width: 13em;
}
#contact #content .spain
{
	border-right: 1px solid #CCCCCC;
	padding: 0 0.4em 0 0;
}
#contact .usa
{
}
#contact #content li span
{
	color: #666666;
	display: block;
	font-size: 1em;
}
#contact #content li span.phone
{
	padding: 1em 0 0 0;
}
#contact li dt
{
	background-color: transparent;
	color: #990000;
	font-size: 0.95em;
	font-weight: bold;
	padding: 0 0 1em 0;
}
 /* email */
#contact li dd a
{
	display: block;
	font-size: 0.95em;
	margin: 1em 0 0 0;
}




/*----- Trabajos -----*/
#works_list
{
	/*overflow: auto;*/
}
#works_list li
{
	display: block;
	float: left;
	padding: 0 0.7em 1.5em 0.7em;
	position: relative;
	width: 180px;
}
#works_list li ul li
{
	border: 0;
	padding: 0;
}
#works_list .field_url_photo img
{
	max-height: 95px;
	max-width: 180px;
}


#works .field_id
{
	display: none;
}


#works #works_list .field_id_photos
{
	height: 97px;
	display: block;
	padding: 0;
	margin: 0;
}
#works #works_list .field_title
{
	display: none;
}
#works .field_id_clients
{
	background-color: transparent;
	border-top: 6px solid #990000;
	bottom: 4.2em;
	color: #666666;
	font-size: 0.95em;
	padding: 0.65em 0 0 0;
	position: absolute;
	width: 180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#works .field_id_clients span
{
	background-color: transparent;
	color: #990000;
	font-weight: bold;
}
#works .field_time
{
	color: #666666;
	font-size: 0.95em;
	padding: 0 0 0.4em 0.3em;
}
#works .field_id_photos img
{
	height: 97px;
	width: 130px;	
}
#works .field_options
{
	clear: both;
	padding: 1.2em 0 0 0;

}


/* trabajo completo */
#works #works_full .field_time
{
	padding-top: 1.4em;
}
#works #works_full .field_title
{
	background-color: transparent;
	color: #333333;
	font-family: "Trebuchet MS", trebuchet, Arial, Verdana;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.0em;
	padding: 0.35em 0 0.5em 0;
	text-decoration: none;
}
#works #works_full .field_body
{
	background-color: transparent;
	color: #666666;
}
#works #works_full .title
{
	background-color: transparent;
	color: #990000;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 1em 0 0.3em 0;
}

#works #works_list .field_options
{
	margin: 2.2em 0 0 0;
	overflow: visible;
	text-align: left;
}
#works #works_list .field_options li
{
	float: none;
}


#works #works_full
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#works #works_full .works_options
{
	border: 1px solid #ECECEC;
	border-width: 1px 0;
	padding: 0.8em 0;
}
#works #works_full .works_options li
{
	display: inline;
	border-right: 1px solid #ECECEC;
	padding: 0 0.8em 0 0.5em;
}
#works #works_full .works_options li a:link,
#works #works_full .works_options li a:visited
{
	background-color: transparent;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
#works #works_full .works_options li a:hover,
#works #works_full .works_options li a:active
{
	text-decoration: underline;
}
#works #works_full .works_options li.pdf_download a
{
	background: transparent url(../img/icons/icon-png.gif) no-repeat scroll left center;
	padding: 0 0 0 2.2em;
}

#works #works_full #works_big_show_content
{
	background-color:#000000;
	margin: 1.2em 0 0 0;
	width: 560px;	
}
#works #works_full #work_big_show
{
}
#works #works_full #work_big_show img
{
	height: 360px;
	width: 560px;
}
#works #works_full .works_photos_id_photos
{
	padding: 1.2em 0 0 0.3em;
	/*overflow: auto;*/
}
#works #works_full .works_photos_id_photos li
{
	display: block;
	float: left;
	margin: 0 1.0em 1.1em 0;
	padding: 0 0 0.3em 0;
}
#works #works_full .works_photos_id_photos li span
{
	display: block;
}
#works #works_full .works_photos_id_photos a
{
	cursor: default;
}
/*
#works #works_full .works_photos_id_photos li img
{
	height: 97px;
	width: 130px;	
}
*/

#works #works_full .id_categories li
{
	color: #666666;
	display: inline;
	padding: 0 1em 0 0;
}





/*----- La agencia -----*/
#agency #content p
{
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.65em;
}
#agency #content ul
{
	margin: 2em 0 4em 0;
}
#agency #content ul li
{
	background-color: #F8F8F8;
	border: 9px solid #CCCCCC;
	display: block;
	float: left;
	line-height: 8.5em;
	margin: 0.8em 1.6em 0.8em 0;
	height: 9em;
	text-align: center;
	width: 9em;
}
#agency #content ul li.item_you
{
	background-color: transparent;
	color: #990000;
	font-size: 3em;
	line-height: 2.8em;
	margin: 0.25em 0.25em 0.25em 0;
	height: 3em;
	text-align: center;
	width: 3em;
}




/*----- Clientes -----*/
#clients #content #clients_list
{
	margin: 2em 0 4em 0;
}
#clients #content #clients_list li
{
	display: block;
	float: left;
	margin: 0 0.6em 0.6em 0;
}
#clients #content #clients_list img
{
	border: 4px solid #CCCCCC;
	height: 77px;
	width: 132px;
}
#clients #content #clients_list .field_id,
#clients #content #clients_list .field_name,
#clients #content #clients_list li .field_options,
#clients .field_position
{
	display: none;
}
#clients #clients_list li a
{
	cursor: default;
}
#clients #content p
{
	color:#666666;
	line-height:1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}




/*----- Aviso Legal / Protección datos -----*/
#conditions .text,
#protection .text
{
	color:#666666;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1em;
	line-height:1.65em;
}
#conditions .text h4,
#protection .text h4
{
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.1em;
	font-weight:bold;
}
#conditions .text p,
#protection .text p
{
	padding: 0.2em 0 1em 0;
}
#conditions .text ul,
#protection .text ul
{
	padding: 0 0 1em 0;
}
#conditions .text ul ul,
#protection .text ul ul
{
	padding: 0 0 0 1.5em;
}

#conditions .text li,
#protection .text li
{
	padding: 0.2em 0 0.2em 0;
}



/*----- Pie -----*/
#footer
{
	border-top: 1px solid #E1E1E1;
	clear: both;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 2em 19.5em 0 19.5em;
	overflow: auto;
	padding: 1em 0;
	width: 60.3em;
}
#footer ul li
{
	background: transparent url(../img/icons/icon-red-next.gif) no-repeat scroll left 0.4em;
	display: block;
	float: left;
	padding: 0 0 0 0.8em;
	margin: 0 0 0.5em 0;
	width: 18.1em;
}
#footer ul li a:link,
#footer ul li a:visited
{
	background-color: transparent;
	color: #666666;
}
#footer ul li a:hover,
#footer ul li a:active
{
	background-color: transparent;
	color: #990000;
}
#footer ul li.center
{
	margin:0pt 0pt 0pt 2.5em;
	width:14.6em;
}
#footer .footer_menu
{
}
#footer .footer_menu li
{
	background: none;
	display: inline;
	padding: 0;
	width: auto;
}
#footer .footer_menu li a
{
	margin: 0 0.2em;
}