@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: 'CuprumFFURegular';
	src: url('../fonts/Cuprum.eot');
	src: local('CuprumFFU Regular'), local('CuprumFFU'), url('../fonts/Cuprum.ttf') format('truetype');
}


html {
	background: #73B9CB;
	}

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: transparent url(img/bg_html.png) top left repeat-y;
	}

/*///////////////////////////////////////////////////////////////////////////*/

	.clearer { clear: both; }
	 a img { border: 0; }
	 .imgl { float: left; margin-right: 8px; }
	 .imgr { float: right; margin-left: 8px; }
	 .tcenter { text-align: center; }
	 .tright { text-align: right; }
	 
	 .msgenviado { border: 1px solid #669900; background-color: #F7FFD9; color: #669900; font-size: 16px; padding: 4px 10px; }
	 .msgnoenviado { border: 1px solid #FF0000; background-color: #FFCCCC; color: #FF0000; font-size: 16px; padding: 4px 10px; }
	 
	 .pre {
	 	margin: 10px 0;
		background: #FFFFFF url(img/bg_pre.png) top left no-repeat;
		border-top: 2px solid #CCCCCC;
		overflow: auto;
		padding: 2px 10px 0 28px;
		font-family: "Courier New", Courier, monospace;
		line-height: 17px;
		color: #333333;
		font-size: 12px;
		}

/*///////////////////////////////////////////////////////////////////////////*/

p#allright {
	border: 1px solid #669900;
	background: #F2FFF2 url(img/adm/allright.png) no-repeat center left;
    padding: 3px 10px 3px 20px;
	margin: 10px;
    font-size: 1.1em;
    width: 400px;
	color: #336600;
    }
   
ul#lista_errores {
    list-style: none!important;
    margin: 10px 20px 20px 0;
    padding: 0;
    }
	ul#lista_errores li {
		border: 1px solid #FF0000;
		background: #FFF0F0 url(img/adm/error.png) no-repeat center left;
		padding: 3px 10px 3px 20px;
		font-style: italic;
		margin: 10px;
		width: 440px;
		}

/*///////////////////////////////////////////////////////////////////////////*/

	#ie6user {
		margin: 10px 10px 0 10px;
		background-color: #000;
		color: #FFFFFF;
		padding: 10px;
		font-size: 14px;
		}
		#ie6user p {
			margin: 0;
			}
		#ie6user a {
			color: #99CC00;
			font-weight: bold;
			}
			#ie6user {
				text-decoration: none;
				}

/*///////////////////////////////////////////////////////////////////////////*/

	#slideshow {
		width: 539px;
		margin: 30px 0 0 0;
		height: 210px;
	}
		#slideshow .rotator h2 {
			clear: none;
			font-size: 36px;
			margin: 0 0 18px 0;
		}

/*///////////////////////////////////////////////////////////////////////////*/

	#wrap {
		width: 793px;
		padding: 0 0 0 183px;
		background: transparent url(img/ss.png) top left no-repeat;
		}
	
	#menu {
		float: right;
		width: 123px;
		padding: 120px 0 0 9px;
		display: inline;
		}
		#menu ul {
			margin: 0 0 50px 0;
			padding: 0;
			list-style: none;
			}
			#menu ul li {
				margin: 0;
				padding: 0;
				}
				#menu ul li a {
					display: block;
					width: 122px;
					padding: 5px 0 5px 10px;
					background: url(img/bg_buttons.png) bottom left;
					text-transform: uppercase;
					color: #669900;
					text-decoration: none;
					text-shadow: 1px 1px 1px #FFF;
					}
					#menu ul li a:hover {
						background-position: top;
						}
					#menu ul li.sel a {
						background-position: top;
						}
		#menu p {
			padding: 0 0 0 10px;
			font-size: 12px;
			color: #438391;
			}
			#menu p a {
				color: #73B9CB;
				text-decoration: none;
				}
				#menu p a:hover {
					color: #438391;
					}
					

/*///////////////////////////////////////////////////////////////////////////*/

	#main {
		float: left;
		width: 539px;
		display: inline;
		padding: 0 48px 0 68px;
		}
		#main div#head {
			height: 120px;
			}
		body.eshome div#wrap div#main div#head {
			background: url(img/tab_inicio.png) top right no-repeat;
			}
		body.esportafolio div#wrap div#main div#head {
			background: url(img/tab_portafolio.png) top right no-repeat;
			}
		body.esblog div#wrap div#main div#head {
			background: url(img/tab_blog.png) top right no-repeat;
			}
		body.esacerca div#wrap div#main div#head {
			background: url(img/tab_acerca.png) top right no-repeat;
			}
		body.escontactos div#wrap div#main div#head {
			background: url(img/tab_contactos.png) top right no-repeat;
			}
		body.enhome div#wrap div#main div#head {
			background: url(img/tab_home.png) top right no-repeat;
			}
		body.enportafolio div#wrap div#main div#head {
			background: url(img/tab_portfolio.png) top right no-repeat;
			}
		body.enblog div#wrap div#main div#head {
			background: url(img/tab_blog.png) top right no-repeat;
			}
		body.enacerca div#wrap div#main div#head {
			background: url(img/tab_about.png) top right no-repeat;
			}
		body.encontactos div#wrap div#main div#head {
			background: url(img/tab_contacts.png) top right no-repeat;
			}
		body.esservicios div#wrap div#main div#head {
			background: url(img/tab_servicios.png) top right no-repeat;
			}
		body.enservicios div#wrap div#main div#head {
			background: url(img/tab_services.png) top right no-repeat;
			}
		body.enskydome div#wrap div#main div#head, body.esskydome div#wrap div#main div#head {
			background: url(img/tab_skydome.png) top right no-repeat;
			}
			
			#main div#head h1 {
				float: left;
				margin: 0;
				}
				#main div#head h1 a {
					display: block;
					width: 234px;
					height: 110px;
					text-indent: -9999px;
					}
					div#wrap.es #main div#head h1 a {
						background-image: url(img/logoes.png);
						}
					div#wrap.en #main div#head h1 a {
						background-image: url(img/logoen.png);
						}
			#main div#head p {
				display: none;
				}

/*///////////////////////////////////////////////////////////////////////////*/

		#cont div#opt {
			background: url(img/bg_bluebar.png) top left repeat-x;
			text-align: right;
			padding: 4px 0;
			height: 22px;
			}
			
			#cont div#opt div {
				float: left;
				padding: 2px 0 0 12px;
				}
			
			#cont div#opt form fieldset {
				margin: 0;
				padding: 1px 2px;
				border: 0;
				width: 173px;
				float: right;
				background: url(img/bg_search.png) no-repeat;
				}
				#cont div#opt form fieldset label {
					display: none;
					}
				#cont div#opt form fieldset input {
					border: 0;
					padding: 3px;
					height: 18px;
					margin: 0;
					width: 140px;
					float: left;
					background-color: transparent;
					}				
				#cont div#opt form fieldset button {
					border: 0;
					padding: 0;
					display: block;
					float: right;
					margin: 1px;
					width: 22px;
					height: 20px;
					background-color: transparent;
					text-indent: -9999px;
					cursor: pointer;
					}

/*///////////////////////////////////////////////////////////////////////////*/

	#cont {
		color: #666666;
		padding-bottom: 30px;
		}
		#cont a {
			color: #99CC00;
			}
			#cont a:hover {
				text-decoration: none;
				}
		#cont h2 {
			font-family: 'CuprumFFURegular', Arial, Helvetica, sans-serif;
			color: #99CC00;
			font-size: 42px;
			letter-spacing: -1px;
			margin: 16px 0;
			clear: both;
			font-weight: normal;
			}					
			#cont h2 a {
				text-decoration: none;
				color: #99CC00;
				}
				#cont h2 a:hover {
					background-color: #F7FFD9;
					}				

		#cont h3 {
			font-family: 'CuprumFFURegular', Arial, Helvetica, sans-serif;
			color: #73B9CB;
			font-size: 32px;
			padding: 3px 0;
			margin: 16px 0;
			clear: both;
			border-bottom: 1px dotted #73B9CB;
			font-weight: normal;
			}
			#cont h3 a {
				color: #73B9CB;
				text-decoration: none;
				}
			#cont h3 a:hover {
				color: #73B9CB;
				text-decoration: underline;
				}

		#cont h4 {
			font-family: 'CuprumFFURegular', Arial, Helvetica, sans-serif;
			color: #9D7C4F;
			font-size: 22px;
			padding: 3px 0;
			margin: 16px 0;
			clear: both;
			}
		#cont p {
			line-height: 21px;
			}
			

	#cont div.portdata {
		margin: 0 0 30px 0;
		border-bottom: 1px solid #D1BEA5;
		}
		#cont div.portdata img {
			padding: 1px 0;
			}
		#cont div.portdata h3 {
			margin: 10px 0 0 0;
			font-weight: normal;
			text-transform: uppercase;
			color: #73B9CB;
			border: 0;
			padding: 0;
			}
			#cont div.portdata h3 span {
				color: #9D7C4F;
				}
			#cont div.portdata h3 a {
				color: #99CC00;
				text-decoration: none;
				}
				#cont div.portdata h3 a:hover {
					color: #669900;
					}
				
				
		#cont div.impar {
			width: 234px;
			float: left;
			height: 131px;
			margin-bottom: 20px;
			}
			
		#cont div.par {
			width: 234px;
			height: 131px;
			float: right;
			margin-bottom: 20px;
			}
		#cont div#portprev {
			width: 234px;
			float: left;
			height: 131px;
			background: url(img/bg_previous.png);
			margin-bottom: 20px;
			}
			#cont div#portprev.en {
				background: url(img/bg_previous.png);
				}
			#cont div#portprev.es {
				background: url(img/bg_anterior.png);
				}
			
		#cont div#portnext {
			width: 234px;
			height: 131px;
			float: right;
			background: url(img/bg_next.png);
			margin-bottom: 20px;
			}
			#cont div#portnext.es {
				background: url(img/bg_siguiente.png);
				}
			#cont div#portnext.en {
				background: url(img/bg_next.png);
				}
			#cont div#portprev a, #cont div#portnext a {
				display: block;
				width: 234px;
				height: 131px;
				}
				#cont div#portprev a img, #cont div#portnext a img {
					visibility: hidden;
					}
					#cont div#portprev a:hover img, #cont div#portnext a:hover img {
						visibility: visible;
						}

/*///////////////////////////////////////////////////////////////////////////*/

	.paginitas {
		margin: 20px 0;
		text-align: center;
		}
		.paginitas a {
			border: 1px solid #CCCCCC;
			padding: 4px 6px;
			text-decoration: none;
			}
			.paginitas a:hover {
				background-color: #EDEDED;
				}

/*///////////////////////////////////////////////////////////////////////////*/

	#cont p.pcomment {
		float: right;
		width: 51px;
		text-align: center;
		padding: 7px 0 22px 0;
		clear: left;
		font-size: 16px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: url(img/bg_pcomments.png) right top no-repeat;
		margin: 10px 0 0 0;
		}
		#cont p.pcomment a {
			color: #73B9CB;
			text-decoration: none;
			}
			#cont p.pcomment a:hover {
				color: #438391;
				}
		
	div.comment_par, div.comment_impar {
		padding: 0;
		margin: 10px 20px 0 20px;
		font-size: 12px;
		clear: both;
		}
		div.comment_par p.comm_avat, div.comment_impar p.comm_avat {
			float: left;
			width: 80px;
			text-align: center;
			margin: 0;
			padding: 0 0 0 10px;
			}
			div.comment_par p.comm_avat img, div.comment_impar p.comm_avat img {
				border: 1px solid #CCCCCC;
				}
		div.comment_par p.comm_aut {
			float: right;
			width: 390px;
			margin: 0;
			padding: 0 0 24px 0;
			background: url(img/bg_comm_aut1.png) bottom right no-repeat;
			}
		div.comment_par p.comm_comm {
			float: right;
			width: 370px;
			min-height: 25px;
			margin: 0;
			padding: 10px;
			background-color: #F3FAFB;
			}
		div.comment_par p.comm_date {
			clear: both;
			padding: 14px 0 0 110px;
			margin: 0;
			font-style: italic;
			color: #999999;
			background: url(img/bg_comm_date1.png) top right no-repeat;
			}
		div.comment_impar p.comm_aut {
			float: right;
			width: 390px;
			margin: 0;
			padding: 0 0 24px 0;
			background: url(img/bg_comm_aut2.png) bottom right no-repeat;
			}
		div.comment_impar p.comm_comm {
			float: right;
			width: 370px;
			min-height: 25px;
			margin: 0;
			padding: 10px;
			background-color: #F9F5F2;
			}
		div.comment_impar p.comm_date {
			clear: both;
			padding: 14px 0 0 110px;
			margin: 0;
			font-style: italic;
			color: #999999;
			background: url(img/bg_comm_date2.png) top right no-repeat;
			}
			
		p.tags {
			text-align: right;
			}
			p.tags a {
				display: inline-block;
				background-color: #F7FFD9;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				text-shadow: 1px 1px rgba(255, 255, 255, 0.75);
				color: #669900;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
				text-decoration: none;
				padding: 4px 6px;
				}
				p.tags a:hover {
					background-color: #E9FF91;
					color: #FFFFFF;
					}

/*///////////////////////////////////////////////////////////////////////////*/

	#cont p.postdata {
		color: #D1BEA5;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		letter-spacing: 1px;
		font-variant: small-caps;
		margin: 0;
		padding: 1px 2px 1px 18px;
		background: url(img/bg_date.png) left center no-repeat;
		border-top: 1px dotted #E8DED1;
		border-bottom: 1px dotted #E8DED1;
		}
		#cont p.postdata span {
			color: #E8DED1;
			}
		
	#cont p.postmore {
		border-bottom: 1px dotted #CCCCCC;
		text-align: right;
		padding: 0 0 10px 0;
		}

	#cont blockquote {
		background: #F4F4F4;
		color: #333;
		font-style: italic;
		margin: 10px 0;
		padding: 10px;
		}
		#cont blockquote p {
			margin: 0;
			}
	#cont blockquote#homebq {
		background: #FFFFFF url(img/bg_blockquote.png) bottom right no-repeat;
		font-size: 18px;
		color: #9D7C4F;
		font-style: italic;
		margin: 10px 0;
		padding: 10px;
		height: 65px;
		}
		#cont blockquote#homebq p {
			margin: 0;
			line-height: 20px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			}
	#cont q {
		float: right;
		margin-left: 15px;
		width: 153px;
		padding: 10px;
		background: #F7FFD9 url(img/bg_q.png) top left no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #669900;
		font-size: 16px;
		font-style: italic;
		border-top: 1px dotted #99CC00;
		border-bottom: 1px dotted #99CC00;
		text-align: right;
		}
		
	#cont ul {
		list-style-image: url(img/bg_li.png);
		}

/*///////////////////////////////////////////////////////////////////////////*/
	
	#share {
		margin: 0 0 20px 0;
		height: 30px;
		width: 539px;
	}
	#share-twit {
		float: left;
		width: 120px;
		height: 24px;
		padding: 0;
	}
	#share-face {
		float: left;
		width: 100px;
		height: 24px;
		padding: 0;
	}
	#share-goog {
		float: left;
		width: 140px;
		height: 24px;
		padding: 0;
	}


/*///////////////////////////////////////////////////////////////////////////*/
	
	.contl {
		float: left;
		width: 295px;
		padding: 0;
		border-bottom: 1px dotted #438391;
		margin-bottom: 20px;
		}
	.contr {
		float: right;
		width: 234px;
		padding: 0;
		border-bottom: 1px dotted #438391;
		margin-bottom: 20px;
		}

/*///////////////////////////////////////////////////////////////////////////*/

	form#contacto {
		width: 539px;
		margin: 20px 0;
		padding: 0;
		}
	form#contacto fieldset {
		padding: 0;
		margin: 0;
		border: 0;
		background-color: #FFFFFF;
		}
		form#contacto fieldset p {
			text-align: center;
			padding-top: 10px;
			clear: both;
			}
		form#contacto fieldset legend {
			display: none;
			}
	form#contacto fieldset label {
		display: block;
		float: left;
		display: inline;
		width: 173px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		padding: 0;
		color: #999999;
		margin: 5px 10px 0 0;
		}
		form#contacto fieldset label#labelweb {
			margin: 5px 0 0 0;
			}
		form#contacto fieldset label span {
			font-size: 10px;
			color: red;
			}
	form#contacto fieldset input {
		border: 0;
		padding: 5px 3px;
		font-family: "Courier New", Courier, mono;
		font-size: 12px;
		display: block;
		width: 167px;
		color: #666666;
		margin: 2px 0;
		clear: both;
		background-repeat: no-repeat;
		}
		form#contacto fieldset.formen input#comentario_autor {
			background-image: url(img/bg_inputname-en.png);
			}
		form#contacto fieldset.formes input#comentario_autor {
			background-image: url(img/bg_inputname-es.png);
			}
		form#contacto fieldset input#comentario_email {
			background-image: url(img/bg_inputmail-en.png);
			}
		form#contacto fieldset input#comentario_web {
			background-image: url(img/bg_inputweb-en.png);
			}
		form#contacto fieldset input#contact_web {
			background-image: url(img/bg_inputweb-en.png);
			}
		form#contacto fieldset input#contact_name {
			background-image: url(img/bg_inputname-en.png);
			}
		form#contacto fieldset input#contact_email {
			background-image: url(img/bg_inputmail-en.png);
			}
		form#contacto fieldset input#contact_telephone {
			background-image: url(img/bg_inputphone.png);
			}
		form#contacto fieldset input#contacto_nombre {
			background-image: url(img/bg_inputname-es.png);
			}
		form#contacto fieldset input#contacto_email {
			background-image: url(img/bg_inputmail-en.png);
			}
		form#contacto fieldset input#contacto_telefonos {
			background-image: url(img/bg_inputtelefono.png);
			}
			
	form#contacto fieldset textarea {
		width: 531px;
		height: 125px;
		border: 0;
		padding: 4px;
		background-repeat: no-repeat;
		overflow: auto;
		}
		form#contacto fieldset.formen textarea#comentario_comentario {
			background-image: url(img/bg_textarea-en.png);
			}
		form#contacto fieldset.formes textarea#comentario_comentario {
			background-image: url(img/bg_textarea-es.png);
			}
		form#contacto fieldset.formen textarea#contact_message {
			background-image: url(img/bg_textareacont-en.png);
			}
		form#contacto fieldset.formes textarea#contacto_mensaje {
			background-image: url(img/bg_textareacont-es.png);
			}
		
	form#contacto fieldset input.hidden {
		display: none;
		}
	form#contacto fieldset input.errorc, form#contacto fieldset textarea.errorc {
		color: #FF0000;
		}
	form#contacto fieldset button {
		border: 0;
		text-indent: -9999px;
		display: block;
		margin: 0 auto;
		width: 71px;
		height: 26px;
		cursor: pointer;
		background-position: top right;
		}
			form#contacto fieldset button:hover {
				background-position: bottom right;
			}
		form#contacto fieldset.formes button {
			background-image: url(img/btn_enviar.png);
			}
		form#contacto fieldset.formen button {
			background-image: url(img/btn_send.png);
			}
	
/*///////////////////////////////////////////////////////////////////////////*/

	#foot {
		clear: both;
		font-size: 12px;
		color: #D4F0F7;
		padding: 8px 0 10px 112px;
		height: 90px;
		background: #73B9CB url(img/bg_foot.png) top left no-repeat;
		}
		#foot a {
			display: inline-block;
			color: #D4F0F7;
			text-decoration: underline;
			padding: 3px;
			}
			#foot a:hover {
				color: #E9FF91;
				text-decoration: none;
				}
			#footl {
				float: left;
				}
			#footr {
				float: right;
				text-align: right;
				width: 360px;
				}
		
		div#foot div#footl a.btn_up {
			text-align: left;
			display: inline-block;
			float: right;
			width: 32px;
			height: 21px;
			background: url(img/btn_subir.png) top no-repeat;
			text-indent: -9999px;
			padding: 0;
			margin: 0;
			}