body {
	text-align:center;
	background-color:#000;
	margin:0 auto;
	
	
}



#main{
 
    text-align:left;
	width:1024px;
	margin:0 auto;
    font-family: Arial, Helvetica, sans-serif;	
	height:750px;
}


#main2{
 
    text-align:left;
	width:1024px;
	margin:0 auto;
    font-family: Arial, Helvetica, sans-serif;	
	height:550px;
}



#logo{
	height:100px;
}


#menu{
	float: left;
	margin-left: 40px;
	margin-top:50px;
		
}

#menu5{
	float: left;
	margin-left: 37px;
	margin-top:50px;
		
}

#idiomas1{
	float: right;
	margin-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #656954;
	height:40px;
	position: relative;
	bottom: 20px;
}

.menu{
	width: 100%;
	height: 150px;
	margin-top: 70px;
	position: relative;
	right: 150px;
}
#imagenes{
	position: relative;
	float: right;
	right: 5px;	/* margin-bottom: 200px;*/
	width: 650px;
}

#trabajos{
	float: left;
	position:relative;
	left:15px;
	top:68px;
	
}

.trabajos1{
	position: relative;
	bottom: 140px;	
	}

/* menu*/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

#home{
	  float:right;
	  position:relative;
	  top:70px;
	  width:600px;
	  right:90px;
	  
	  }
	  
#home3{
	
	float:right;
	  position:relative;
	  top:70px;
	  width:600px;
	  right:140px;
	
}
	  

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #00A0EE;
	background: black url(titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	text-align: right;
	
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #546A6D;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
text-align: right;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #546A6D;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #546A6D;
	
}

.clase28{padding: 4px 0 4px 10px; font: bold 14px Arial, Helvetica, sans-serif; margin-bottom: 10px; text-align: right;
	}
	
a.estilo3:link { font-family:Arial, Helvetica, sans-serif; color: #00A0EE; text-decoration: none; cursor: hand;
cursor: pointer;}
a.estilo3:visited { font-family: Arial, Helvetica, sans-serif; color: #00A0EE; text-decoration: none; cursor: hand;
cursor: pointer;}
a.estilo3:hover { font-family: Arial, Helvetica, sans-serif; color: #00A0EE; cursor: hand;
cursor: pointer;}
a.estilo3:active { font-family: Arial, Helvetica, sans-serif; color: #00A0EE; text-decoration: none; cursor: hand;
cursor: pointer;}
/*fin menu*/
	#idiomas{
	font-family:Arial, Helvetica, sans-serif;
	color: #656954;
	text-align:right;
	padding-right: 35px;
	
	
}

	


.imagen1{
	float: right;
	margin-right: 180px;	
	
	
}



.imagen2{


}

.imagen3{
	float:right;
	position: relative;
	bottom: 70px;
	margin-right: 180px;
	margin-right: 181px\9;
}
.imagen4{
	
	position: relative;
	bottom: 70px;	
}
.imagen5{
float:right;
margin-right: 178px;
position: relative;
	bottom: 135px;
	
}

.imagen6{
	float:left;
	float:left\9;
position: relative;	

bottom:135px;
bottom:340px\9;
right:350px\9;

	
}

.texto1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:relative;
	bottom:70px;
	left:5px;
}

.texto2{position:relative;
	bottom:45px;
	left:5px;
		
	
	}

.texto3{position:relative;
	bottom:45px;
	left:5px;
	}

.texto5{position:relative;
	bottom:48px;
	left:5px;
	}
	
	
	
.texto6{position:relative;
	bottom:77px;
	left:5px;
		
	
	}
	
	.texto7{position:relative;
	bottom:63px;
	left:5px;
		
	
	}

.texto11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:relative;
	bottom:8px;
	left:5px;
}



.texto12{position:relative;
	bottom:13px;
	left:5px;
		
	
	}

	.idioma1{font-family:Arial, Helvetica, sans-serif; font-size:14px;}
	.barras{
	color: #0084CA;
	font-size:16px;
	font-weight: bold;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00A0EE;
}


.info{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:130px;
	
}


.info1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:125px;
	
}

.info4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:95px;
	
}
.info3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
	
	
}

.info6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:150px;
	
}
.info8{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: right;
	
	
}

.info9{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: right;
	
	
}

.info10{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:15px;
	
}

.info11{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:140px;
	
}

.info12{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:153px;
	
}

.info13{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:154px;
	
}


.info14{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:143px;
	
}

.info15{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:156px;
	
}

	
.clase8{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	position: relative;
	left: 90px;
}	
.info2{font-family: Arial, Helvetica, sans-serif;
text-align: right;
	font-size: 11px;
	color: #FFF}
	
#contacto{
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top: 420px;
	text-align: right;
	right: 810px;	
	
	
   
}
.redes{
font-family:Arial, Helvetica, sans-serif;
	color: #656954; font-size: 12px;}
	
.phone{
	margin-left: 3px;
}	
.clear {
  clear: both;
}

a.estilo2:link { font-family:Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}
a.estilo2:visited { font-family: Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}
a.estilo2:hover { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF}
a.estilo2:active { font-family: Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}

a.estilo8:link { font-family:Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}
a.estilo8:visited { font-family: Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}
a.estilo8:hover { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF}
a.estilo8:active { font-family: Arial, Helvetica, sans-serif; color: #656954; text-decoration: none}

img
{
  border:0;
}


#frase1{
	float: right;	
}


#logo2{
	
	
	
	}
	
	#sobremi{
	position:relative;
	top:55px;
	width: 550px;
	float: right;
	right: 200px;
		
		
		
	}
	
	
	.bio{
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	position:relative;
	left:165px;
			
	

	}
	
	
	#menus{
	margin-left: 230px;		
		
	}
	
	.trabajos1{
	float: right;
	width: 600px;		
		}
	
	
	.foto1{position:relative;
	top:70px;
	left:35px;
		
		}
	.foto2{
		
		margin-left: 280px;
		
		
		}
	
    #contacto4{
	position:relative;	
	right: 195px;
	text-align: right;
}

.idiomas2{
	position: relative;
	height:40px;
	width: 200px;
	left: 380px;
}

#video{
	float:right;
	position: relative;
	bottom:10px;
	right:100px;
		
}


#contacto7{
	float: right;
	position:relative;
	text-align: right;
	top:250px;
	right: 175px;
	
}


.idioma9{
	float: right;
	position: relative;
	top: 330px;
	left: 290px;	
	
}

#menus8{
	margin-left: 240px;
	
}

.menu8{
	width: 100%;
	height: 150px;
	margin-top: 70px;
	position: relative;
	right: 130px;
}


.infoingles{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	
	
	
}



.linea{
	position: relative;
	top: 6px;	
	
	
	
}

.linea2{
	position: relative;
	top: 6px;
	
	
}


#contacto8{
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top: 120px;
	text-align: right;
	right:265px;
		
	
	
   
}


#contacto10{
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	bottom:15px;
	text-align: right;
	right:220px;
		
	
	
   
}


.textovideo{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	position:relative;
	left:10px;
	
	
	
}

#trabajo{
width:600px;
float: right;
position:relative;
top:75px;
right:80px;
	
	
	
}

#contacto11{
	
font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top:400px;
	text-align: right;
	right:220px;	
	
}

#contacto12{
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top:310px;
	text-align: right;
	right:210px;
		
	
	
   
}

#contacto13{
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	top:500px;
	text-align: right;
	right:210px;
		
	
	
   
}


.inicio{
font-family:Arial, Helvetica, sans-serif;	
	color: #FFF;
	font-size: 18px;
}

.inicio2{
	
	color:#00A0EE;
	
}

.info12{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	
}

textarea {
	background: #F6F4DA;
	border: 1px solid #666;
}

input {
background: #F6F4DA;
border: 1px solid #B07C3F;
margin-right: 5px;
}

#formulariocontacto{

	position: relative;
	left: 220px;
	bottom:130px;
	
	
}



/*formulario de contacto*/

.estilo10{

width:358px;
height:46px;


}

.nombre{
	width:358px;
	height:46px;
	border: 0px;
	background-image: url(imagenes/name.png);
	background-repeat: no-repeat;
	background-color:#000000;
	position:relative;
	bottom:50px;
	z-index:1;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;

}


.contacto input[type='text'], .contacto textarea{
	
	padding-left:10px;
	padding-bottom:3px;
    padding-top:1px;
	border: 0px;
	resize: none;
	
	
}
.estilo13{
width:645px;
height:344px;


}

.mensaje{
width:645px;
height:344px;
background-image:url(imagenes/message.png);
background-repeat: no-repeat;
background-color:#000000;
padding-left:10px;
padding-top:45px;
z-index:2;
color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;

}


.email{
width:358px;
	height:46px;
	border: 0px;
	background-image:url(imagenes/ema.png);
	background-repeat: no-repeat;
background-color:#000000;
position:relative;
bottom:20px;
right:45px;
color:#FFFFFF;
font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}

.boton{
width:119px;
height:21px;
background-color:#000000;
color:#00A8F0;
border: 0px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;	
position:relative;
bottom:55px;
left:420px;


}


/*otros*/
.texto21{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:relative;
	bottom:63px;
	left:5px;
}

.texto22{position:relative;
	bottom:49px;
	left:5px;
		
	
	}

.texto23{position:relative;
	bottom:60px;
	left:5px;
	}

.texto25{position:relative;
	bottom:62px;
	left:5px;
	}
	
	
	
.texto26{position:relative;
	bottom:70px;
	left:5px;
		
	
	}
	
	.texto27{position:relative;
	bottom:63px;
	left:5px;
		
	
	}
	
	.texto28{position:relative;
	bottom:55px;
	left:5px;
		
	
	}

.texto31{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:relative;
	bottom:8px;
	left:5px;
}



.texto32{position:relative;
	bottom:13px;
	left:5px;
		
	
	}

	.texto33{position:relative;
	bottom:78px;
	left:5px;
		
	
	}


.info20{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	
	position: relative;
	top:125px;
	
}


.info21{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:125px;
	
}
.info24{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:123px;
	
}

.info25{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:136px;
	
}

.info26{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:110px;
	
}
.info29{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:138px;
	
}

.info30{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:140px;
	
}

.info31{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFF;
	text-align: right;
	position: relative;
	top:157px;
	
}