/* CSS Document */

body{
	padding:11px 0 14px 0;
	margin:0;
	background-color:black;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}


/*------------------------------------------------header--------------------*/
#header{
	background:url(images/header.jpg) 0 0 no-repeat;
	width:981px;
	height:274px;
	position:relative;
	margin:0 auto;
}
#header ul{
	background:url(images/nav_bar.gif) 0 0 no-repeat;
	/*width:440px;*/
	width:440px;
	height:29px;
	position:absolute;
	left:270px;
	top:6px;
	/*padding:0 0 0 72px;*/
	padding:0 0 0 40px;
}
#header ul li{
	background:url(images/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#header ul li a{
	display:block;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#header ul li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#header ul li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 14px;
	font:bold 11px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#header ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#header a.readMore{
	display:block;
	background:url(images/cambia_foto.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:895px;
	top:203px;
}
#header a.readMore:hover{
	background:url(images/cambia_foto_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/


/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
/*------------------------------------------------left--------------------*/
#left{
	width:357px;
	float:left;
}
#left1
{
    width: 324px;
    background: #C0C0C0 url(images/lft_box_bg.gif) no-repeat 0 0;
    border: 7px solid #666666;
    margin: 0 0 4px 0;
    padding: 5px 10px 6px 9px;
    color: #333333;
}
#left1 p.pic1{
	display:block;
	background:url(images/right_panel_pic.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
}
#left1 p.boxTxt1
{
    float: right;
    padding: 0 0 0 15px;
    border-left: #F9F9F1 solid 2px;
    font: normal 11px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 199px;
    border-left-color: #CCCCCC;
}
#left1 p.boxTxt1 span
{
    font: normal 19px/17px Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: inherit;
    padding: 0 0 0 0 px;
    margin: 0 0 10px 0;    
    height: 17px;
    display: block;
}
#left1 a.pic1{
	display:block;
	background:url(images/botosobremi.jpg) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
	text-decoration:none;
}
#left1 a.pic1:hover{
	background:url(images/botosobremi_hover.jpg) 0 0 no-repeat;
}

#left2
{
    width: 324px;
    background: #C0C0C0 url(images/lft_box_bg.gif) no-repeat 0 0;
    border: 7px solid #666666;
    margin: 0 0 4px 0;
    padding: 5px 10px 6px 9px;
    color: #333333;
}
#left2 p.pic2{
	display:block;
	background:url(images/right_panel_pic.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
}
#left2 a.pic2{
	display:block;
	background:url(images/camara.jpg) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
	text-decoration:none;
}
#left2 a.pic2:hover{
	background:url(images/camara_hover.jpg) 0 0 no-repeat;
}
#left2 p.boxTxt2
{
    float: right;
    padding: 0 0 0 15px;
    border-left: #F9F9F1 solid 2px;
    font: normal 11px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 199px;
    border-left-color: #CCCCCC;
}
#left2 p.boxTxt2 span
{
    font: normal 19px/17px Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: inherit;
    padding: 0 0 0 0 px;
    margin: 0 0 10px 0;    
    height: 17px;
    display: block;
}

#left3
{
    width: 324px;
    background: #C0C0C0 url(images/lft_box_bg.gif) no-repeat 0 0;
    border: 7px solid #666666;
    margin: 0 0 4px 0;
    padding: 5px 10px 6px 9px;
    color: #333333;
}
#left3 p.pic3{
	display:block;
	background:url(images/e-mail.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
}

#left3 a.pic3{
	display:block;
	background:url(images/e-mail.gif) 0 0 no-repeat;
	width:88px;
	height:78px;
	margin:5px 0 0 0;
	float:left;
	text-decoration:none;
}
#left3 a.pic3:hover{
	background:url(images/e-mail-color.gif) 0 0 no-repeat;
}

#left3 p.boxTxt3
{
    float: right;
    padding: 0 0 0 15px;
    border-left: #F9F9F1 solid 2px;
    font: normal 11px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 199px;
    border-left-color: #CCCCCC;
}
#left3 p.boxTxt3 span
{
    font: normal 19px/17px Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: inherit;
    padding: 0 0 0 0 px;
    margin: 0 0 10px 0;    
    height: 17px;
    display: block;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/

#right
{
    background-color: #FFFFFF;
    width: 610px;
    height: 333px;
    position: relative;
    margin: 0 auto;
    float: right;
}
#right img
{    
    width: 610px;
    height: 333px;
    position: relative;
    margin: 0 auto;
    float: right;
}
#right a.cambiafoto{
	display:block;
	background:url(images/cambia_foto.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:558px;
	top:2px;	
}
#right a.cambiafoto:hover{
	background:url(images/cambia_foto_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/


/*------------------------------------------------footer--------------------*/
#footer
{    
	width:977px;
	height:70px;
	margin:0 auto;
	background:url(images/footer_bg.gif) 0 0 repeat-x #323232;
	color:#fff;
	position:relative;
}
#footer ul{
	/*width:230px;*/
	position:absolute;
	left:393px;
	top:27px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover
{
    color: #333333;
    background-color: #C0C0C0;
}
/*------------------------------------------------footer--------------------*/

/*------------------------ Multigalerias -----------------------------------*/

#bodygaleria
{
    display:block;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
	/*height:350px;*/
	height:334px;
}
.galeria
{
    float: left;
    width: 452px;
    background: #C0C0C0 url(images/lft_box_bg.gif) no-repeat 0 0;
    border: 7px solid #666666;
    margin: 0 4px 4px 0;
    padding: 5px 10px 6px 9px;
    color: #333333;
}
#galerialeft{	
	float:left;
}
.highslide-gallery
{
    float: left;
}
.highslide img {
	border: 2px solid silver;
	width: 100px;
	height: 67px;
}

.galeria p.boxTxt1
{
    float: left;
    padding: 0 0 0 15px;
    border-left: #F9F9F1 solid 2px;
    font: normal 11px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 320px;
    border-left-color: #CCCCCC;
}
.galeria p.boxTxt1 span
{
    float:left;
    font: normal 19px/17px Arial, Helvetica, sans-serif;
    color: #333333;
    background-color: inherit;
    padding: 0 0 0 0 px;
    margin: 0 0 10px 0;    
    height: 17px;
    display: block;
}
#bodygaleria a.boton1{
	background:url(images/galerias_1.gif) 0 0 no-repeat;
	width:50px;
	height:38px;	
	left:558px;
	top:2px;
	float:left;	
}
#bodygaleria a.boton1:hover{
	background:url(images/galerias_1_hover.gif) 0 0 no-repeat;
}
#bodygaleria a.boton2{
	background:url(images/galerias_2.gif) 0 0 no-repeat;
	width:50px;
	height:38px;	
	left:558px;
	top:2px;
	float:left;	
}
#bodygaleria a.boton2:hover{
	background:url(images/galerias_2_hover.gif) 0 0 no-repeat;
}
#bodygaleria .botonesGalerias{
	display:block;
}

/*------------------------ Textos (SobreMi)--------------------------------*/

#bodytexto
{
    display:block;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
	height:334px;	
}
#bodytexto .textoSobreMi
{    
    border: 7px solid #666666;
    background: #C0C0C0;
	margin:0 auto;
	height:325px;
}
.textoSobreMi p.boxTxt1
{
    float: left;
    margin-left:15px;
    margin-top:15px;
    font: normal 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
    width: 900px;
    border-left-color: #CCCCCC;
    text-align:justify;
}
.textoSobreMi p.boxTxt1 span
{
    float:left;
    font: normal 19px/17px Arial, Helvetica, sans-serif;    
    background-color: inherit;
    padding: 0 0 0 0 px;
    margin: 0 0 10px 0;    
    height: 17px;
    display: block;
    color:White;
    text-align:justify;
}

#bodytexto a.miequipo{
	display:block;
	background:url(images/mi_equipo.gif) 0 0 no-repeat;
	width:50px;
	height:38px;
	position:absolute;
	left:895px;
	top:203px;
}
#bodytexto a.miequipo:hover{
	background:url(images/mi_equipo_hover.gif) 0 0 no-repeat;
}

#bodytexto a{
	color:white;
}

/*------------------------ Mail -----------------------------------------*/

#bodyMail
{
    display:block;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
	height:334px;	
}
	
#bodyMail .DivMail
{   
    border: 7px solid #666666;
    background: #C0C0C0;
	margin:0 auto;
	height:325px;
	font: normal 13px/16px "Trebuchet MS" , Arial, Helvetica, sans-serif;
}
#bodyMail .DivMail a:hover
{
    background:url(images/Enviar_hover.jpg) 0 0 repeat-x;
}

#bodyMail a.enviar{
	background:url(images/Enviar.jpg) 0 0 no-repeat;
}
#bodyMail a.enviar:hover{
	background:url(images/Enviar_hover.jpg) 0 0 no-repeat;
}