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




/* -------------------- CONTENIDO -------------------- */



#contenido {
	background-color: #000;
}

.contenedor2 {
	margin: 0 auto;
	width: 800px;
	padding: 20px;
	overflow: hidden;
}

/* ---------- informacion izquierda ---------- */

#bienvenido {
	background: url(../img/flecha.jpg) no-repeat 230px 23px;
	width: 230px;
	position: absolute;
	padding-right: 20px;
}

.a1 {
	background: url(../img/Azulborder_top.jpg) no-repeat -1px 0px;
	height: 4px;
}

.a2 {
	background: url(../img/Azulborder_bottom.jpg) no-repeat -1px 0px;
	height: 4px;
}

.bienvenido_texto {
	background-color: #1F7B9B;
	height: 260px;
	padding: 20px;
}

.titulo {
	border-bottom: 1px solid #165E72;
	padding-bottom: 5px;
}

.titulo p{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
}

.texto {
	border-top: 1px solid #66CCFF;
	padding-top: 15px;
}

.texto p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #E6E6E6;
}

.texto a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A1A1A;
	float: right;
}

.texto a:hover{
	color: #FFF;
}

/* ---------- informacion derecha ---------- */

#fondo_blanco {
	float: right;
	width: 542px;
}

.b1 {
	background: url(../img/Blancoborder_top.jpg) no-repeat -1px 0px;
	height: 4px;
}

.b2 {
	background: url(../img/Blancoborder_bottom.jpg) no-repeat -1px 0px;
	height: 4px;
}

.informacion {
	background-color: #FFF;
	min-height: 420px;
	padding: 20px;
}

/* ----------- Deviant WordPress Twitter Delicious ----------- */ 

#barraGris {
	background: url(../img/barra_gris.jpg) no-repeat;
	width: 502px;
	height: 52px;
	margin-top: 240px;
}

#listaLink {
	margin-left: 30px;
}

#listaLink li{
	float: left;
	list-style: none;
	margin-top: 15px;
}

#listaLink a {
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	font-size: 13px;
	text-decoration: none;
	list-style: none;
	display: block;
	margin-left: 30px;
}

a img { 
	border: none;
	margin-right: 5px;
	vertical-align: -10%;
}


#listaLink a:hover { 
	color: #000000; 
	text-decoration: none;
}


/* ----- diseño web ----- */
.paginas {
	padding-bottom: 20px;
	overflow:hidden;
}

.paginas a img.web { 
	margin-right: 0px;
	border: #CCCCCC 1px solid;
}

.informacion p.frase{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 10px 10px 0px 0px;
	color: #808080;
	float: left;
}

.informacion p.negrita{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A1A1A;
	margin: 11px 3px 0px 0px;
	float: left;
}

/* ----- acerca de mi ----- */
.informacion p.sub_titulo{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #1F7B9B;
	margin-bottom: 22px;
}

.informacion p.pregunta{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1A1A1A;
	margin-top: 10px;
}

.informacion p.respuesta{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 5px;
	color: #808080;
}

.informacion p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #808080;
}

.informacion .curriculum{
	background: url(../img/download.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 5px 0px 0px;
	padding: 3px 0px 3px 25px;
	font-size: 12px;
	color: #808080;
	float: right;
}

.informacion .curriculum:hover{
	color: #1A1A1A;
}

/* ----- contacto ----- */
.informacion .mail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-decoration: none;
}

.informacion .mail:hover{
	color: #1A1A1A;
	text-decoration: underline;
}