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

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

html, body {
	height: 100%;
	}

body{
	background:#fff;
	color:#333;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'BlenderProThin', sans-serif;
	font-size-adjust: 0.43;
	}

a{
	color:#5dd64e;
	text-decoration:none;
	}
a:hover{
	}

img{
	border:0;
	}

#intro_container{
	clear:left;
	height:606px;
	margin:0 auto;
	padding:0px;
	position:relative;
	text-align:center;
	width:945px;
	}
h1#logo {
	height: 200px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	width: 609px;
	}
h1#logo span {
	background: url(../img/gras.gif) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}  

#wrapper{
	height: 100%;
	}
#distance{
	width:1px;
	height:50%;
	margin-bottom:-303px;
	float:left;
	}
#container{
	background:#fff url(../img/bg.gif) center left no-repeat;
	clear:left;
	height:606px;
	margin:0 auto;
	padding:0px;
	position:relative;
	text-align:left;
	width:940px;
	}
#vertical_container{
	width:900px;
	}

.clear{
	clear:both;
	}
.left{
	float:left;
	}
.right{
	float:right;
	}

.content{
	color:#333;
	padding:10px;
	}
.linea_h{
	background:#fff url(../img/linea_h.gif) repeat-x;
	height:1px;
	margin-bottom:5px;
	width:880px;
	}
.linea_h_clean{
	background:#fff url(../img/linea_h.gif) repeat-x;
	height:1px;
	width:880px;
	}


/*  index  */
a#index_esp { display: block; height: 180px; overflow: hidden; position: relative; width: 945px; }
a#index_esp span { background: url(../img/btn_es.gif) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
a#index_esp:hover span { background-position: 0 -180px; }

a#index_eng { display: block; height: 180px; overflow: hidden; position: relative; width: 945px; }
a#index_eng span { background: url(../img/btn_en.gif) no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
a#index_eng:hover span { background-position: 0 -180px; }


.accordion_toggle {
	display:block;
	height:30px;
	width:880px;
	background:#5dd64e;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-size:16px;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	border-bottom: 2px solid #fff;
	cursor: pointer;
	margin: 0 0 0 0;
	text-transform: uppercase;
	}
.accordion_toggle:hover {
	background: #4d4d4d;
	}
.accordion_toggle_active {
	background:#4d4d4d;
	color:#ffffff;
	border-bottom:2px solid #fff;
	}
.accordion_content {
	background-color:#fff;
	color:#5dd64e;
	overflow:hidden;
	}
.horizontal_accordion_toggle {
	/* REQUIRED */
	float:left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	height:370px !important;
	width:30px;
	color:#ffffff;
	text-decoration: none;
	outline:none;
	border-right:2px solid #cde99f;
	cursor:pointer;
	margin:0;
	padding:15px 0;
	text-align:center;
	}
.horizontal_accordion_toggle:hover {
	background: #4d4d4d;
	}
.horizontal_accordion_toggle_active {
	background:#4d4d4d;
	border-right:2px solid #fff;
	}
.horizontal_accordion_content {
	/* REQUIRED */
	height:400px !important;	/* We need to define a height for the accordion as it stretches the width */
	float:left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	overflow:hidden;
	background-color:#ffffff;
	color:#5dd64e;
	}
#horizontal_container {
	background:#5dd64e;
	height:400px !important;
	margin: 0 0 2px 0;
	overflow:hidden;
	width:900px;
    }
#barra{
	border:0;
	display:block;
	margin:0 0 2px 0;
	padding:0;
	}


/*  noticias  */
#noticias{
	/*height:400px !important;*/
	/*padding:8px 10px;*/
	}
#noticias_container{
	width:900px;
	}
#noticias_img{
	height:500px;
	overflow:hidden;
	width:500px;
	}
#noticias_content{
	padding:20px;
	width:360px;
	}

/*  projectos  */
.pd{
	padding:15px;
	width:570px;
	}
.pd a{
	color:#fff;
	}
.pimg_th{
	border:#fff 6px solid;
	margin:0 6px 0 0;
	}

.proj01_es{
	background:#ff0166 url(../img/p1v_bg_es.gif) no-repeat;
	}
.proj02_es{
	background:#0202ff url(../img/p2v_bg_es.gif) no-repeat;
	}
.proj03_es{
	background:#670202 url(../img/p3v_bg_es.gif) no-repeat;
	}
.proj04_es{
	background:#ffb102 url(../img/p4v_bg_es.gif) no-repeat;
	}
.proj05_es{
	background:#01ffff url(../img/p5v_bg_es.gif) no-repeat;
	}
.proj06_es{
	background:#ff01ff url(../img/p6v_bg_es.gif) no-repeat;
	}
.proj07_es{
	background:#012b30 url(../img/p7v_bg_es.gif) no-repeat;
	}
.proj08_es{
	background:#677067 url(../img/p8v_bg_es.gif) no-repeat;
	}

.proj01_es:hover{
	background:#4d4d4d url(../img/p1v_bg_on_es.gif) no-repeat;
	}
.proj02_es:hover{
	background:#4d4d4d url(../img/p2v_bg_on_es.gif) no-repeat;
	}
.proj03_es:hover{
	background:#4d4d4d url(../img/p3v_bg_on_es.gif) no-repeat;
	}
.proj04_es:hover{
	background:#4d4d4d url(../img/p4v_bg_on_es.gif) no-repeat;
	}
.proj05_es:hover{
	background:#4d4d4d url(../img/p5v_bg_on_es.gif) no-repeat;
	}
.proj06_es:hover{
	background:#4d4d4d url(../img/p6v_bg_on_es.gif) no-repeat;
	}
.proj07_es:hover{
	background:#4d4d4d url(../img/p7v_bg_on_es.gif) no-repeat;
	}
.proj08_es:hover{
	background:#4d4d4d url(../img/p8v_bg_on_es.gif) no-repeat;
	}

.proj01_en{
	background:#ff0166 url(../img/p1v_bg_en.gif) no-repeat;
	}
.proj02_en{
	background:#0202ff url(../img/p2v_bg_en.gif) no-repeat;
	}
.proj03_en{
	background:#670202 url(../img/p3v_bg_en.gif) no-repeat;
	}
.proj04_en{
	background:#ffb102 url(../img/p4v_bg_en.gif) no-repeat;
	}
.proj05_en{
	background:#01ffff url(../img/p5v_bg_en.gif) no-repeat;
	}
.proj06_en{
	background:#ff01ff url(../img/p6v_bg_en.gif) no-repeat;
	}
.proj07_en{
	background:#012b30 url(../img/p7v_bg_en.gif) no-repeat;
	}
.proj08_en{
	background:#677067 url(../img/p8v_bg_en.gif) no-repeat;
	}

.proj01_en:hover{
	background:#4d4d4d url(../img/p1v_bg_on_en.gif) no-repeat;
	}
.proj02_en:hover{
	background:#4d4d4d url(../img/p2v_bg_on_en.gif) no-repeat;
	}
.proj03_en:hover{
	background:#4d4d4d url(../img/p3v_bg_on_en.gif) no-repeat;
	}
.proj04_en:hover{
	background:#4d4d4d url(../img/p4v_bg_on_en.gif) no-repeat;
	}
.proj05_en:hover{
	background:#4d4d4d url(../img/p5v_bg_on_en.gif) no-repeat;
	}
.proj06_en:hover{
	background:#4d4d4d url(../img/p6v_bg_on_en.gif) no-repeat;
	}
.proj07_en:hover{
	background:#4d4d4d url(../img/p7v_bg_on_en.gif) no-repeat;
	}
.proj08_en:hover{
	background:#4d4d4d url(../img/p8v_bg_on_en.gif) no-repeat;
	}

.p1d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p1d:hover{
	background:#cc0152;
	}
#p1content{
	background: url(../img/p1bg.gif);
	}
.p2d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p2d:hover{
	background:#0202cc;
	}
#p2content{
	background: url(../img/p2bg.gif);
	}
.p3d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p3d:hover{
	background:#520202;
	}
#p3content{
	background: url(../img/p3bg.gif);
	}

.p4d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p4d:hover{
	background:#cc8e02;
	}
#p4content{
	background: url(../img/p4bg.gif);
	}

.p5d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p5d:hover{
	background:#01cccc;
	}
#p5content{
	background: url(../img/p5bg.gif);
	}

.p6d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p6d:hover{
	background:#cc01cc;
	}
#p6content{
	background: url(../img/p6bg.gif);
	}

.p7d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p7d:hover{
	background:#012226;
	}
#p7content{
	background: url(../img/p7bg.gif);
	}

.p8d{
	height:46px;
	margin-bottom:8px;
	overflow:hidden;
	width:285px;
	}
.p8d:hover{
	background:#525a52;
	}
#p8content{
	background: url(../img/p8bg.gif);
	}


/*  media  */
#media{
	/*height:178px;*/
	padding:5px;
	}
#media a{
	color:#333;
	}
.media_col{
	height:168px;
	/*overflow:hidden;*/
	padding:5px;
	width:168px;
	}
.media_col a{
	color:#333;
	}
.media_col a img{
	border:none;
	}

/*  contact  */

a#email_btn{

	color:#333;

	display:block;

	padding:10px;

	}

a#email_btn:hover{

	background:#5dd64e;

	color:#fff;

	}

#contacto_direccion{

	padding-bottom:10px;

	width:940px;

	}

.contacto_col{

	width:300px;

	}





/*  gras  */

#gras{

	color:#333;

	padding:10px;

	}

#gras p{

	padding-bottom:10px;

	}

#gras span{

	clear:both;

	color:#666;

	display:block;

	float:left;

	width:100px;

	}

/*  proyectos  */
#proyectos_wrapper{
	background:#4d4d4d;
	height:500px;
	position:relative;
	text-align:center;
	width:900px;
	}
#proyectos_content{
	width: 640px;
	height: 404px;
	position: absolute;
	top: 50%;
	left: 50%;
	/*margin: -250px 0 0 -450px;*/
	margin: -202px 0 0 -320px;
	/*margin: -202px 0 0 -480px;*/
	}
#proyectos{
	height:403px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
	width:640px;
	}