/* estilos globales */

body {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 0.88em; /*14px*/
	color: #000;
	margin: 0;
	line-height:1.5em;
}

.bold {
	font-weight:bold;
}

.italic {
	font-style:italic;
}

.centrado {
	text-align:center;
}

a {
	text-decoration: underline;
	color: #CD9020;
}

a:hover {
	text-decoration: none;
}

/* titulos */

h1, h2, h3 {
	font-family: Georgia, Georgia, serif;
}

h1 {
	height:71px;
	padding:25px 0 0 12px;
	background-color:#190B0A;
	color:#FFF;
	font-size:2.86em; /*40px*/
	font-weight:normal;
	line-height:1em;
}

h2, h3 {
	width:100%;
	padding-bottom:5px;
	margin:10px 0 10px 0;
	border-bottom:1px solid #999999;
}

h2 {
	font-size:2em;  /*24px*/
}

h3 {
	font-size:1.71emm;  /*20px*/
}

h6 {
	margin:20px 0 5px 0;
}

/* layout */

#idiomas {
	width:960px;
	height:32px;
	background:#000;
}

#header {
	width:960px;
	height:128px;
	background:#FFF;
	position:relative;
}

#logo {
	padding-top:10px;
	float:left;
}

#botonera {
	position:absolute;
	top:96px;
	right:32px;
	padding-top:8px;
	margin:0;
	font-family: Georgia, Georgia, serif;
	font-size: 1.29em;
	line-height:0;
}

#botonera ul li {
	margin: 0;
	padding: 0;
	list-style-type:none;
	display: inline;
}

#botonera a {
	font-weight:normal;
	color:#000;
	text-decoration:none;
}

#botonera a:hover {
	text-decoration:underline;
	color: #A4B91E;
}

/* inicio */

#fondo_inicio {
	background:#FFF url(../images/fondo_home.gif) repeat-x;
}

#home_deco { 
	clear:both;
	width:928px;
	height:160px;
	padding:48px 0 16px 32px;
	margin:auto; 
	background:url(../images/home_deco.jpg) no-repeat center;
	font-family: Georgia, Georgia, serif;
	color:#FFF;
	font-size: 2.86em; /*40px*/
	line-height:1em;
}

#banners_servicios {
	width:896px;
	height:192px;
	padding:16px 32px 0 32px;
}

#banner_servicio_1, #banner_servicio_2, #banner_servicio_3 {
	width:258px;
	height:130px;
	padding:15px;
	position:relative;
	float:left;
}

#banner_servicio_1 {
	background:url(../images/back_banner1.jpg);
	margin-right:16px;	
}

#banner_servicio_2 {
	background:url(../images/back_banner2.jpg);
	margin-right:16px;	
}

#banner_servicio_3 {
	background:url(../images/back_banner3.jpg);
}

#banner_servicio_1 a, #banner_servicio_2 a, #banner_servicio_3 a {
	display:block;
	height:40px;
	width:278px;
	text-decoration:none;
	color:#FFF;
	position:absolute;
	top:-120px;
	left:10px;
	padding:120px 10px 0 0;
}

#banner_servicio_1 h2, #banner_servicio_2 h2, #banner_servicio_3 h2 {
	font-family: Georgia, Georgia, serif;
	font-size: 28px;
	color:#FFFFFF;
	text-align:right;
	font-weight:normal;
	border:0;
	position:absolute;
	top:120px;
	right:10px;
	width:288px;
}

#banner_servicio_1 ul li, #banner_servicio_2 ul li, #banner_servicio_3 ul li {
	margin: 0;
	padding: 0;
	line-height:1.1em;
	list-style-type:none;
	text-align:right;
	font-weight:bold;
	font-size:16px;
}

#col_inicio_1 {
	margin:0 6px 0 32px;
}

#col_inicio_1 a {
	text-decoration:none;
	color:#000;
}

#col_inicio_1 a:hover {
	text-decoration:underline;
	color:#000;
}

.inicio_separador {
	width:960px;
	background:url(../images/inicio_separador.gif) repeat-y center; 
	clear:both;
	margin-bottom:20px;
}

#col_inicio_2 {
	margin:0 32px 0 6px;
}

#col_inicio_2 h5 {
	font-size:14px;
	margin-bottom:0;
}

#col_inicio_2 p {
	font-size:12px;
	margin-top:2px;
}

#col_inicio_2 .ver_mas {
	text-align:right;
	line-height:0;
}

/* twitter en inicio */

.logo_twitter {
	margin-bottom:-3px;
}

#twitter_update_list li {
	list-style-type: none;
	background: #DAE2A6;
	margin:5px;
	padding:10px;
	font-size:12px;
	color: #190B0A;
}

#twitter_update_list li:hover {
	background: #E77127;
	color:#FFFFFF;
}

#twitter_update_list li:hover a {
	color:#FFFFFF;
}

#twitter_update_list span a {
	display: inline;
	color: #000000;
}

#twitter_update_list span a:hover {
	text-decoration: underline;
	color: #000;
}

/* internas */

#fondo_interna {
	background:#FFF url(../images/fondo.gif) repeat-x;
}

.deco_right {
	float:right;
	padding:0 0 15px 5px;
}

.deco_left {
	float:left;
	padding:5px 15px 0 0;
}

.col2 {
	padding:0 20px;
}

.breadcrumbs {
	text-align:right;
	font-size:0.79em; /*11px*/
	margin:-15px 0 15px 0;
}

.pie_foto {
	font-size:0.79em; /*11px*/
	margin:-15px 0 20px 0;
}

/* mi perfil */

#recuadro_claraboya {
	width:360px;
	height:300px;
	background:url(../images/back_claraboya.jpg) no-repeat;
	padding:30px;
	font-size:0.86em; /*12px*/
	margin-bottom:20px;
}

#recuadro_claraboya h2 {
	color:#FFF;
	font-weight:normal;
	border-bottom:0;
	padding-bottom:0;
}

.mini_books {
	margin-right:15px;
}

#tira_libros {
	margin-top:-10px;
	padding-bottom:10px;
}

.mini_20 {
	margin-right:15px;
}

#web_linkedin, #web_twitter, #web_facebook, #web_delicious {
	width:200px;
	margin-bottom:20px;
}

#web_linkedin a, #web_twitter a, #web_facebook a, #web_delicious a {
	width:200px;
	height:75px;
	display:block;
	text-indent: -3000px;
}

#web_linkedin a {
	background-image:url(../images/20_linkedin.gif);
}

#web_twitter a {
	background-image:url(../images/20_twitter.gif);
}

#web_facebook a {
	background-image:url(../images/20_facebook.gif);
}

#web_delicious a {
	background-image:url(../images/20_delicious.gif);
}

#web_linkedin a:hover, #web_twitter a:hover, #web_facebook a:hover, #web_delicious a:hover {
   background-position: -200px 0;
}

.noborder {
	border:none !important;
	margin:0px !important;
}

/* servicios */

#servicio_1, #servicio_2, #servicio_3 {
	padding:20px;
	font-size:0.86em; /*12px*/
	height:740px;
	margin-bottom:20px;
}

#servicio_1 {
	background:url(../images/back_servicio_1.jpg) no-repeat;
}

#servicio_2 {
	background:url(../images/back_servicio_2.jpg) no-repeat;
}

#servicio_3 {
	background:url(../images/back_servicio_3.jpg) no-repeat;
}

#servicio_1 h2, #servicio_2 h2, #servicio_3 h2 {
	color:#FFF;
	text-align:right;
	font-weight:normal;
	border-bottom:0;
	padding:20px 0 25px 0;
	font-size:2.00em; /*24px*/
}

.destacado {
	font-size:1.17em; /*14px*/
	font-style:italic;
}

/* portfolio */

.lugaryfecha {
	margin-top:-15px;
	font-size:0.86em; /*12px*/
}

.detalle {
	font-size:0.93em; /*13px*/
	margin-top:-5px;
}

.foto_portfolio {
	float:left;
	margin:0 15px 0 0;
}

.portfolio_izq {
	width:300px;
	padding-right:20px;
	float:left;
}

.portfolio_der {
	width:300px;
	float:left;
}

#portfolio_mas {
	padding:20px;
	font-size:0.86em; /*12px*/
	background:url(../images/back_portfolio.jpg) no-repeat;
	height:335px;
	margin-bottom:20px;
}

#portfolio_mas ul li {
	list-style-type:disc;
}

#portfolio_mas a, #portfolio_mas a:hover {
	color:#190B0A;
}

#portfolio_mas h3 {
	color:#190B0A;
	font-weight:normal;
	border-bottom:0;
	padding:0;
	font-size:2.00em; /*24px*/
}

#web_cofatuc, #web_tippling, #web_nadir, #web_clubroyal, #web_budeguer, #web_potrerillo, #boletin_esper {
	width:300px;
	margin-bottom:20px;
}

#web_mercadito, #web_giner, #web_esper {
	width:300px;
	margin:0 15px 0 0;
	float:left;
}

#web_mercadito a, #web_cofatuc a, #web_tippling a, #web_nadir a, #web_clubroyal a, #web_budeguer a, #web_potrerillo a, #web_giner a, #web_esper a {
	width:300px;
	height:203px;
	display:block;
	text-indent: -3000px;
}

#boletin_esper a {
	width:300px;
	height:480px;
	display:block;
	text-indent: -3000px;
}

#web_mercadito a {
	background-image:url(../images/portfolio/mercadito.jpg);
}

#web_cofatuc a {
	background-image:url(../images/portfolio/cofatuc.jpg);
}

#web_tippling a {
	background-image:url(../images/portfolio/tippling.jpg);
}

#web_nadir a {
	background-image:url(../images/portfolio/nadir.jpg);
}

#web_clubroyal a {
	background-image:url(../images/portfolio/clubroyal.jpg);
}

#web_budeguer a {
	background-image:url(../images/portfolio/budeguer.jpg);
}

#web_potrerillo a {
	background-image:url(../images/portfolio/potrerillo.jpg);
}

#web_giner a {
	background-image:url(../images/portfolio/giner.jpg);
}

#web_esper a {
	background-image:url(../images/portfolio/esper.jpg);
}

#boletin_esper a {
	background-image:url(../images/boletin_esper/thumb.jpg);
}

#web_mercadito a:hover, #web_cofatuc a:hover, #web_tippling a:hover, #web_nadir a:hover, #web_clubroyal a:hover, #web_budeguer a:hover, #web_potrerillo a:hover, #web_giner a:hover, #web_esper a:hover, #boletin_esper a:hover {
   background-position: -300px 0;
}

#banner_giner, #banner_esper {
	width:300px;
	margin-bottom:20px;
}

#banner_giner a, #banner_esper a {
	width:300px;
	height:183px;
	display:block;
	text-indent: -3000px;
}

#banner_giner a {
	background-image:url(../images/banner_ginerenfacebook.jpg);
}

#banner_esper a {
	background-image:url(../images/banner_esperemail.gif);
}

#banner_giner a:hover, #banner_esper a:hover {
   background-position: -300px 0;
}

/* contacto */

#contacto {
	width: 460px;
	margin-left:auto;
	margin-right:auto;
}

label {
	display:block;
	float:left;
	clear:both;
	text-align:right;
	width:140px;
	padding:5px;
}

input.textoform {
	width: 280px;
	background-color:#FFF;
	border: 1px solid #190B0A;
	color: #000;
	padding: 5px;
}

textarea.textomensaje {
	width: 280px;
	height: 70px;
	background-color:#FFF;
	border: 1px solid #190B0A;
	color: #000;
	padding: 5px;
}

.boton {
	background-color:#A4B91E;
	color:#190B0A;
	border: 1px solid #190B0A;
	padding: 4px;
}

input:focus, textarea:focus{
	border: 1px solid #A4B91E;
}

.filaform {
	padding:5px;
	text-align:right;
}

.align_right {
	text-align:right;
	margin-top:10px;
}

#codigo{
	margin: 0;
	float: right;
	width: 200px;
	margin-left: 8px;
}

#contacto_gracias {
	width: 420px;
	margin-left:auto;
	margin-right:auto;
	height: 300px;
	text-align:center;
}

#deco_contacto {
	width:220px;
	background-image:url(../images/deco_contacto.jpg);
	height:469px;
	margin-bottom:20px;
}

/* pie */

#foot {
    background: #190B0A url(../images/foot_fondo.jpg) repeat-x; 
	height:83px;
	margin:auto;
    position:relative;
	clear:both;
	font-size:0.86em;
}

#foot_contenedor {
	width:960px;
	height:61px;
	margin:0 auto;
	position:relative;
	text-align:right;
	padding-top:22px;
	font-family: Georgia, Georgia, serif;
	color:#FFF;
}

#foot_contenedor ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-type:none;
	display: inline;
}

#foot_contenedor ul {
	margin:0;
	padding:0;
}

#foot_contenedor a {
	color:#FFF;
	font-weight:normal;
	text-decoration: none;
}

#foot_contenedor a:hover {
	text-decoration: underline;
	color: #A4B91E;
}

#foot_contenedor p {
	margin:0;
}