/*#############################################################
Name: Bright Pixel
Date: 2006-05-07
Description: A smooth, monochrome, lightweight design.
Author: Viktor Persson
URL: http://arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
a {
	color: #000;
	text-decoration: none;
}
body {
	background-color:#333333;
	color: #333;
	text-align: center; font: normal 0.7em sans-serif,Arial;
}
/*header*/
.titulo {
	background-color:#666666;
	height: 60px;
}
.subtit_1 {
	font-family:Arial Black;
	font-size:30px;
	font-weight:bolder;
	margin-left:15px;
	position:relative;
	float:left;
	color:#FFFFFF;
	top:10px;
	cursor: pointer;
}

.subtit_2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	float:right;
	top:30px;
	color:#FFFFFF;
	margin-right:10px;
}

.divisor {
	padding-top:3px;
	padding-bottom:3px;
	background-color:#CCCCCC;	
}

.divisor_wks {
	clear:both;
	background-color:#CCCCCC;
	font-size:4px;
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
}

/* main */
.container {
	width:784px; 
	margin:20px auto;
}
.main {
	background-color: #FFFFFF; 
	border: 3px double #EEE; 
	border-color: #E4E4E4 #CFCFCF #CCC #CFCFCF; 
	margin: 0 auto; 
	text-align: left;
	width: 784px;
	min-height:200px;
	float:left;
	position:relative;
}

/* menu */
.izda {
	background-color:#666699;
	border-left: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 260px; height: 140px; /*ALTURA Y ANCHURA DE LOS CUADRADOS*/
}

.medio {
	background-color: #669966;
	border-right: 1px solid #CECECE;
	border-left: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 260px; height: 140px; /*ALTURA Y ANCHURA DE LOS CUADRADOS*/
}

.dcha {
	background-color: #996666;
	border-right: 1px solid #CECECE;
	border-top: 1px solid #E5E5E5;
	color: #888;
	float: left;
	padding-top: 4px;
	width: 260px; height: 140px; /*ALTURA Y ANCHURA DE LOS CUADRADOS*/
}
.menuTit {
	padding-left:20px;
	font-family:sans-serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	color:#FFFFFF;
	position:relative;
	float:left;
	padding-top:8px;
}

.submenu {
	width:260px;
	height:105px;
	position:relative;
	float:right;
	top:0px;
	text-align:right;
	padding-right:10px;
	}

.submenu a {
	font-family:sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
}

.submenu a:hover {
	text-decoration:underline;
}

.submenu td {
	font-family:sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#FFFFFF;
	vertical-align:bottom;
}

.submenu tr { height:20px;}
.doble {height:40px;}

/* Cuerpo de la pagina */
.body_people {
	background-color:#FFFFFF;
	border-top: 1px solid #E5E5E5;
}

.body_people h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}

.barra_body_index {
	position:relative;
	float:left;
	background-color: #666666;
	height:100px;
	width:15px;
	left:10px;
	top:15px;
}

.barra_body_people {
	position:relative;
	float:left;
	margin-right:5px;
	background-color:#666699;
	height:100px;
	width:15px;
	left:10px;
	top:15px;
}

.barra_body_activ {
	position:relative;
	float:left;
	background-color:#669966;
	height:100px;
	width:15px;
	left:10px;
	top:15px;
}

.barra_body_publi {
	position:relative;
	float:left;
	background-color:#996666;
	height:100px;
	width:15px;
	left:10px;
	top:15px;
}

.item_body_people {
	position:relative;
	float:right;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width:740px;
	background-color:#FFFFFF;
}

.body_lugar {
	position:relative;
	float:left;
	width:170px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.body_desc1 {
	position:relative;
	float:right;
	width:540px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.item_body_people_impar {
	background-color:#CCCCCC;
}

.item_body_people_par {
	background-color: #FFFFFF;
}

.item_body_people h1 {
	margin: 0;
	font: bold 1.1em sans-serif,Arial;
	color: #666;
}

.item_body_people p {
	margin: 3px 0 6px; color: #666;
}

.item_body_people ul {
	margin: 3px 0 6px; color: #666;
	list-style:inside;
}

* html .item_body_people ul {
	margin: 3px 0 6px; color: #666;
	list-style:inside;
	text-indent: 10px;
}

.item_body_people td {
	margin: 3px 0 6px; color: #666;
}

.item_nombre {
	width: 50%;
	text-align: left;
	vertical-align:top;
}

.item_image {
	width: 20%;
	text-align: center;
	clear: none;
}

.item_image img {
	width: 125px;
	clear: none;
	margin: 2px;
}

.item_contacto {
	width: 30%;
	text-align: right;
	vertical-align:top;
}

.item_body_publi {
	position:relative;
	float:right;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width:740px;
	background-color:#FFFFFF;
	vertical-align: middle;
}

.item_body_publi h1 {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	vertical-align:middle;
}

.item_body_publi_impar {
	background-color:#996666;
	color:#FFFFFF;
}

.item_body_publi_impar a {
	color:#FFFFFF;
}

.item_body_publi_impar a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.item_body_publi_par {
	background-color: #FFFFFF;
}

.item_body_publi_par td h1 {
	text-align:center;
	font: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #666666;
	margin: 5px auto;
}

.item_body_publi_par a:hover {
	text-decoration:underline;
}

.cv_info {
	position: relative;
	float:left;
	width:605px;
	background-color: #FFFFFF;
	margin-left:15px;
	margin-top:15px;
	padding-top: 0px;
}

.cv_info h1 {
	font-size: 11px;
	color:#666666;
	margin-top: 0px;
	margin-bottom: 0px;
}

.cv_info p {
	margin: 3px 0 6px; color: #666;
}

.cv_image {
	position:relative;
	float:right;
	max-width: 200px;
	margin-right: 10px;
	margin-top:15px;
	background-color: #FFFFFF;
	
}

.cv_image img {
	clear:both;
	width: 125px;
}

/* footer */
.footer {
	position:relative;
	float:left;
	width: 784px;
	background-color: #F5F5F5;
	color: #666;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
} 

