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

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,



/* Flota left
----------------------------------------------------------------------------------------------------*/

.flota {
	float: left;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_0 {
	width:65px;
}

.container_16 .grid_1 {
	width:50px;
}

.container_16 .grid_2 {
	width:100px;
}

.container_16 .grid_3 {
	width:160px;
}

.container_16 .grid_4 {
	width:220px;
}

.container_16 .grid_5 {
	width:280px;
}

.container_16 .grid_6 {
	width:340px;
}

.container_16 .grid_7 {
	width:400px;
}

.container_16 .grid_8 {
	width:470px;
}

.container_16 .grid_9 {
	width:520px;
}

.container_16 .grid_10 {
	width:580px;
}

.container_16 .grid_11 {
	width:640px;
}

.container_16 .grid_12 {
	width:700px;
}

.container_16 .grid_13 {
	width:760px;
}

.container_16 .grid_14 {
	width:820px;
}

.container_16 .grid_15 {
	width:880px;
}

.container_16 .grid_16 {
	width:940px;
}

.container_16 .grid_17 {
	width:960px;
}

.container_16 .grid_18 {
	width:165px;
}

.container_16 .grid_19 {
	height:160px;
	background-color: #000000;
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_16 .prefix_00 {
	margin-left:10px;
}


.container_16 .prefix_0 {
	margin-left:20px;
}

.container_16 .prefix_1 {
	margin-left:60px;
}

.container_16 .prefix_2 {
	margin-left:120px;
}

.container_16 .prefix_3 {
	margin-left:180px;
}

.container_16 .prefix_4 {
	margin-left:240px;
}

.container_16 .prefix_5 {
	margin-left:300px;
}

.container_16 .prefix_6 {
	margin-left:360px;
}

.container_16 .prefix_7 {
	margin-left:420px;
}

.container_16 .prefix_8 {
	margin-left:480px;
}

.container_16 .prefix_9 {
	margin-left:540px;
}

.container_16 .prefix_10 {
	margin-left:600px;
}

.container_16 .prefix_11 {
	margin-left:660px;
}

.container_16 .prefix_12 {
	margin-left:720px;
}

.container_16 .prefix_13 {
	margin-left:780px;
}

.container_16 .prefix_14 {
	margin-left:840px;
}

.container_16 .prefix_15 {
	margin-left:900px;
}

.container_16 .prefix_16 {
	margin-left:490px;
}

.container_16 .prefix_17 {
	margin-left:140px;
}


/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_000 {
	margin-right:3px;
}

.container_16 .suffix_00 {
	margin-right:10px;
}

.container_16 .suffix_0 {
	margin-right:20px;
}

.container_16 .suffix_1 {
	margin-right:60px;
}

.container_16 .suffix_2 {
	margin-right:120px;
}

.container_16 .suffix_3 {
	margin-right:180px;
}

.container_16 .suffix_4 {
	margin-right:240px;
}

.container_16 .suffix_5 {
	margin-right:300px;
}

.container_16 .suffix_6 {
	margin-right:360px;
}

.container_16 .suffix_7 {
	margin-right:420px;
}

.container_16 .suffix_8 {
	margin-right:480px;
}

.container_16 .suffix_9 {
	margin-right:540px;
}

.container_16 .suffix_10 {
	margin-right:600px;
}

.container_16 .suffix_11 {
	margin-right:660px;
}

.container_16 .suffix_12 {
	margin-right:720px;
}

.container_16 .suffix_13 {
	margin-right:780px;
}

.container_16 .suffix_14 {
	margin-right:840px;
}

.container_16 .suffix_15 {
	margin-right:900px;
}


/* Margin Bottom
----------------------------------------------------------------------------------------------------*/


.container_16 .bottom_1 {
	margin-bottom:10px;
}

.container_16 .bottom_2 {
	margin-bottom:20px;
}

.container_16 .bottom_3 {
	margin-bottom:30px;
}


/* Margin Top
----------------------------------------------------------------------------------------------------*/



.container_16 .top_1 {
	margin-top:15px;
}

.container_16 .top_2 {
	margin-top:20px;
}

.container_16 .top_3 {
	margin-top:60px;
}

.container_16 .top_4 {
	margin-top:260px;
}

.container_16 .top_5 {
	margin-top:165px;
}

.container_16 .top_6 {
	margin-top:190px;
}

.container_16 .top_7 {
	margin-top:540px;
}

.container_16 .top_8 {
	margin-top:440px;
}

.container_16 .top_9 {
	margin-top:400px;
}

.container_16 .top_10 {
	margin-top:800px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}




/* Estilos de texto
----------------------------------------------------------------------------------------------------*/


.texto_nombre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FF0000;
}

.texto_nombre2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#FF0000;
}

.texto_tipo_contacto{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;

}

.texto_tipo_menu{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	text-align:center;

}


.texto_tipo_menu2{	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#FFFFFF;
	font-style:italic;
	text-align: left;

}

.texto_tipo_menu3 a{	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style:italic;
	text-align: center;
	padding-top:8px;

}

.texto_tipo_menu3 {
	padding-top:8px;
	padding-left:7px;
}


.texto_tipo_menu3 a:hover {
	text-decoration: underline;
	color: #FF7E72;
}


.texto_tipo_menu4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
	
}

.texto_tipo_menu4 {
	color: #333333;
	text-align:right;

}
.texto_tipo_menu4 a:hover {
	text-decoration: underline;
	color: #FF0000;
}




.texto_pie_pagina{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color:#FFFFFF; 
}


.texto_phone{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	color:#000000;

}

.texto_formulario{	
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color:#FFFFFF;

}

.texto_tipo_firma{	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #FF0000;
	font-style:italic;
	text-align: left;

}


.clearfix {
	display: block;
}



/* Botones del Menu
----------------------------------------------------------------------------------------------------*/


#menu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	margin :0;
	margin: 0;
	white-space: nowrap;
	list-style-type: none;
}
#menu li {
	display:inline;
	
}
#menu li a {
	width: 73px;
	text-decoration: none;
	float: left;
	background-repeat: no-repeat;
}


/*-- Home ---*/

#botonHome a:hover{
    background-image:url(../new/images/melogo.png);
}

#botonHome {
	border: 0 0 0 0;
	margin: 0;
}

#botonHome a{
	background-image:url(../new/images/melogo.png);
	width: 470px;
	height: 170px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}


/*-- Contact ---*/

#botonContact a:hover{
	background-position:0px -50px;
}

#botonContact {
	border: 0 0 0 0;
	margin: 0;
}

#botonContact a{
	background-image:url(../images/bio.gif);
	width: 31px;
	height: 50px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
}


/*-- About ---*/

#botonAbout a:hover{
    background-image:url(../new/images/meabout2.png);
}

#botonAbout {
	border: 0 0 0 0;
	margin: 0;
}

#botonAbout a{
	background-image:url(../new/images/meabout1.png);
	width: 470px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}


/*-- Work ---*/


#botonWork a:hover{
    background-image:url(../new/images/bio2.png);
}

#bio {
	background-image:url(../images/bio.png)
	width: 31px;
	height: 50px;
	background-repeat: no-repeat;
}


/*-- Work ---*/


#botonWork a:hover{
    background-image:url(../new/images/mework2.png);
}

#botonWork {
	border: 0 0 0 0;
	margin: 0;
}

#botonWork a{
	background-image:url(../new/images/mework1.png);
	width: 470px;
	height: 48px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}



/*-- Next ---*/


#botonNext a:hover{
    background-image:url(../new/images/arrow2.gif);
}

#botonNext {
	border: 0 0 0 0;
	margin: 0;
}

#botonNext a{
	background-image:url(../new/images/arrow1.gif);
	/*width: 470px;*/
	/*height: 48px;*/
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}



/*-- BackToTop ---*/


#botonBackToTop a:hover{
    background-image:url(../new/images/arrow4.gif);
}

#botonBackToTop {
	border: 0 0 0 0;
	margin: 0;
}

#botonBackToTop a{
	background-image:url(../new/images/arrow3.gif);
	/*width: 470px;*/
	/*height: 48px;*/
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}




/* Pictures About
----------------------------------------------------------------------------------------------------*/


/*-- Aitor ---*/

#picAitor a:hover{
    background-image:url(../new/images/abaitor2.jpg);
}

#picAitor {
	border: 0 0 0 0;
	margin: 0;
}

#picAitor a{
	background-image:url(../new/images/abaitor1.jpg);
	width: 100px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}


/*-- Sergio ---*/

#picSergio a:hover{
    background-image:url(../new/images/absergio2.jpg);
}

#picSergio {
	border: 0 0 0 0;
	margin: 0;
}

#picSergio a{
	background-image:url(../new/images/absergio1.jpg);
	width: 100px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}


/*-- Lucia ---*/

#picLucia a:hover{
    background-image:url(../new/images/ablucia2.jpg);
}

#picLucia {
	border: 0 0 0 0;
	margin: 0;
}

#picLucia a{
	background-image:url(../new/images/ablucia1.jpg);
	width: 100px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}


/*-- Blanck ---*/

#picBlanck a:hover{
    background-image:url(../new/images/absblank2.jpg);
}

#picBlanck {
	border: 0 0 0 0;
	margin: 0;
}

#picBlanck a{
	background-image:url(../new/images/absblank1.jpg);
	width: 100px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
	color:#ffffff;
	text-indent: -3000px;
}

a:focus
{
	outline:none;
}