body {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0;
}

h1, h2 { margin:0 0 2px 0; color: #FFF; }
h3, h4 { margin-bottom:3px; color: #FFF; }
h1 { font-size:21px; }
h2 { font-size:15px; }
h3 { font-size:13px; }
h4 { font-size:12px; }


p { margin-top:0; }
img { border:0; }

a { color:#BBB; text-decoration: none; }
a:hover { color:#FFF; text-decoration:underline; }

#container {
	margin: 30px auto;
	width: 700px;
}

.header {
	height: 30px;
	margin-bottom: 10px;
}
.header h1 { visibility: hidden; }

.separdor {
	clear: both;
	width: 100%;
	height: 19px;
	background: url('images/punto.png') repeat-x left top;
	padding-bottom: 18px;
}


/* BARRA DE MENUS
-----------------------------------------------*/
.menu {
	clear: both;
	background: url('images/punto.png') repeat-x left 20px;
	padding: 39px 0 20px 0;
	font-weight: bold;
	color: #BBB;
}
.menu a {
	text-decoration: none;
}


/* INICIO
-----------------------------------------------*/
#logo a {
	display: block;
	width: 700px;
	height: 200px;
	margin-bottom: 20px;
	text-decoration: none;
	background: url('images/index.gif') no-repeat left top;
}
#logo a:hover { background: url('images/indexover.gif') no-repeat left top; }
#logo span { visibility: hidden; }

#entrada .izda {
	background: url('images/titular1.gif') no-repeat left top;
	float: left;
	width: 335px;
	line-height: 21px;
	text-align: justify;
}
#entrada .decha {
	background: url('images/titular2.gif') no-repeat left top;
	float: right;
	width: 335px;
	line-height: 21px;
	text-align: justify;
}


/* DISEÑO WEB
-----------------------------------------------*/
#webdesign .header {
	background: url('images/titular3.gif') no-repeat left top;
}

#webdesign .col12 {
	float: left;
	width: 220px;
	padding-right: 20px;
	background: url('images/puntoV.png') repeat-y right top;
}
#webdesign .col3 {
	float: left;
	width: 220px;
}

#webdesign .col12 a,
#webdesign .col3 a {
	font-size: 10px;
}

#webdesign ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#webdesign ul h3 {
	display:inline;
}
#webdesign ul li ul {
	margin: 5px 0 15px 0;
}
#webdesign ul li ul li {
	padding-left: 10px;
	margin-bottom: 5px;
}


/* CURRICULUM VITAE
-----------------------------------------------*/
#cv .header {
	background: url('images/titular4.gif') no-repeat left top;
	height: 42px;
}

.empresa {
	line-height: 18px;
	text-align: justify;
	margin: 30px 0;
}
.empresa h3 {
	margin: 0 0 10px 0;
	font-weight: normal;
}

.empresaotros {
	line-height: 18px;
	text-align: justify;
	margin-bottom: 18px;
}


/* FORMACIÓN ACADÉMICA
-----------------------------------------------*/
#studies .header {
	background: url('images/titular5.gif') no-repeat left top;
}

#studies .col1 {
	float: left;
	width: 380px;
	padding-right: 20px;
	background: url('images/puntoV.png') repeat-y right top;
}
#studies .col2 {
	float: left;
	width: 300px;
}

#studies ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 20px;
}
#studies li {
	font-size:10px;
	line-height: 15px;
}


/* CONTACTO
-----------------------------------------------*/
#data .header {
	background: url('images/titular6.gif') no-repeat left top;
}

#data {
	line-height: 21px;
}


#validators {
	text-align: right;
}