body{
margin:0;
padding:0;
font-family:arial;
background:url(../imagenes/bgbod.png) repeat left top;
}

#contain{
position:relative;
top:0;
left:50%;
width:810px;
margin-left:-400px;
min-height:700px;
padding-bottom:5px;
overflow:hidden;
background:url(../imagenes/bgcontain.png) repeat left top;
}

*html #contain{
height:700px;
overflow:visible;
}

#container{
position:relative;
top:5px;
left:5px;
width:800px;
min-height:700px;
overflow:hidden;
background:url(../imagenes/bg.png) repeat left top;
margin-bottom:5px;
}

*html #container{
height:700px;
overflow:visible;
}

#header{
position:relative;
left:0;
top:0;
margin-top:0;
width:100%;
height:304px;
background:url(../imagenes/bgline.png) repeat left top;
overflow:hidden;
}

#line{
position:relative;
left:0;
top:0;
width:100%;
height:20px;
background:url(../imagenes/bghead.png) repeat left top;
border-top:1px dotted #6b6b6b;
border-bottom:1px dotted #6b6b6b;
}

#line p{
margin:0;
padding:0;
color:#d5d2d2;
font-size:12px;
margin-top:3px;
font-weight:bold;
float:right;
text-transform:lowercase;
}

#logo{
position:relative;
left:0;
top:0;
width:100%;
height:250px;
}

#logo img{
position:absolute;
top:4px;
left:290px;
border-top:4px solid #6b6b6b;
border-right:4px solid #6b6b6b;
border-bottom:4px solid #6b6b6b;
}

#logo div.izq{
margin:0;
padding:0;
position:absolute;
top:4px;
left:86px;
width:200px;
height:230px;
border-top:4px solid #6b6b6b;
border-left:4px solid #6b6b6b;
border-bottom:4px solid #6b6b6b;
background:#000;
}

#logo div.izq ul{
position:absolute;
margin:0;
padding:0;
list-style:0;
left:20px;
top:45px;
}

#logo div.izq ul li{
display:block;
width:180px;
font-size:12px;
height:18px;
margin-top:10px;
text-indent:30px;
}

#logo div.izq ul li a{
margin:0;
padding:0;
display:block;
width:100%;
height:100%;
color:#fff;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
padding-top:5px;
background:url(../imagenes/dos.jpg) no-repeat left top;
}



#logo div.izq ul li a:hover{
background:url(../imagenes/one.jpg) no-repeat left top;
color:#000;
}

#logo img.idea{
position:absolute;
left:6px;
top:10px;
border:0px solid black;
}


#menu{
position:relative;
left:0;
top:0;
width:100%;
height:30px;
background:url(../imagenes/bghead.png) repeat left top;
border-top:1px dotted #6b6b6b;
border-bottom:1px dotted #6b6b6b;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
}

#menu ul li{
margin:0;
padding:0;
width:160px;
height:30px;
display:block;
float:left;
text-align:center;
}

#menu ul li a:hover{
background:url(../imagenes/bgmenu.png) repeat left top;
}

#menu ul li a{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#f8f6f4;
display:block;
width:160px;
height:20px;
padding-top:10px;
}

#cont{
position:relative;
left:0;
top:0;
width:100%;
min-height:700px;
overflow:hidden;
background:url(../imagenes/bgline.png) repeat left top;
padding-bottom:20px;
}
#group1{
position:relative;
left:0;
top:0;
width:100%;
min-height:200px;
overflow:hidden;
padding-bottom:20px;
}

*html #group1{
height:200px;
overflow:visible;
}

*html #cont{
height:700px;
overflow:visible;
}

#main{
position:relative;
left:0;
float:left;
top:20px;
width:478px;
min-height:300px;
margin-left:10px;
overflow:hidden;
font-size:9px;
border:1px dotted #6b6b6b;
background:url(../imagenes/bgmain.png) repeat left top;
}

*html #main{
height:300px;
overflow:visible;
width:470px;
}

#main h4{
margin:0;
padding:0;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
color:#f6c709;
text-indent:15px;
padding-top:8px;
padding-bottom:5px;
margin-bottom:8px;
width:100%;
background:url(../imagenes/bghead.png) repeat left top;
border-bottom: 1px dotted #6b6b6b;
}

#main p{
color:#f8f6f4;
text-align:justify;
margin:0;
padding:0;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
}

#photo{
position:relative;
top:20px;
right:10px;
float:right;
width:290px;
min-height:200px;
overflow:hidden;
text-align:center;
}

*html #photo{
height:200px;
overflow:visible;
}


#photo img{
position:relative;
border:2px solid #6b6b6b;
margin-top:5px;
margin-bottom:5px;
}

#photo img:hover{
border:2px solid #fff;
}

#photo h5{
margin:0;
padding:0;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
color:#f6c709;
text-indent:15px;
padding-top:8px;
padding-bottom:5px;
margin-bottom:8px;
width:100%;
background:url(../imagenes/bghead.png) repeat left top;
border: 1px dotted #6b6b6b;
}

#friends{
position:relative;
left:0;
top:0;
min-height:30px;
overflow:hidden;
}

*html #friends{
height:30px;
overflow:visible;
}

#friendship{
position:relative;
left:20px;
width:760px;
top:0;
margin-right:20px;
}

#friendship h5{
margin:0;
padding:0;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
color:#f8f6f4;
text-indent:15px;
padding-top:8px;
margin-top:25px;
padding-bottom:5px;
margin-bottom:8px;
width:100%;
background:url(../imagenes/bghead.png) repeat left top;
border: 1px dotted #6b6b6b;
}

#friendship p{
margin-left:15px;
margin-right:15px;
text-align:justify;
color:#f8f6f4;
font-size:12px;
font-weight:bold;
padding-bottom:20px;
}

#friendship a{
color:#f8f6f4;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#friendship a:hover{
color:#e58800;
text-decoration:underline;
}

#footer{
position:relative;
left:0;
top:0;
width:100%;
height:50px;
background:url(../imagenes/bghead.png) repeat left top;
border-top:1px dotted #6b6b6b;
border-bottom:1px dotted #6b6b6b;
}

#main2{
position:relative;
left:0;
top:20px;
width:780px;
min-height:70px;
margin-left:10px;
overflow:hidden;
font-size:9px;
border:1px dotted #6b6b6b;
background:url(../imagenes/bgmain.png) repeat left top;
margin-bottom:20px;
}

*html #main2{
height:70px;
overflow:visible;
}

#main2 h4{
margin:0;
padding:0;
font-size:13px;
text-transform:uppercase;
font-weight:bold;
color:#f6c709;
text-indent:15px;
padding-top:8px;
padding-bottom:5px;
margin-bottom:8px;
width:100%;
background:url(../imagenes/bghead.png) repeat left top;
border-bottom: 1px dotted #6b6b6b;
}

#main2 p{
color:#f8f6f4;
text-align:justify;
margin:0;
padding:0;
margin-left:8px;
margin-right:8px;
margin-bottom:10px;
}

#main2 ul{
margin:0;
padding:0;
list-style:none;
margin-top:20px;

}

#main2 ul li{
margin:0;
padding:0;
display:block;
float:left;
width:370px;
margin-left:10px;
margin-right:10px;
}

*html #main2 ul li{
width:360px;
}

#main2 ul li a{
text-decoration:none;
color:#f8f6f4;
display:block;
width:100%;
font-size:12px;
height:18px;
font-weight:bold;
margin-top:10px;
padding-top:5px;
text-indent:30px;
background:url(../imagenes/cuatro.jpg) no-repeat left top;
}

#main2 ul li a:hover{
background:url(../imagenes/tres.jpg) no-repeat left top;
color:#000;
}

#main2 ul li p.lnk{
margin-top:10px;
margin-left:35px;
margin-right:10px;
font-size:11px;
}