/*
	M O N Y I Y O . C O M 
	Author: Juan David Guarín Ortega
	Bogotá - Colombia
	................................
	All Rights Reserved © 2008 monyiyo
	................................
*/

body {
	margin:0;
	padding:0;
	background:#4c4b47 url(../images/bg.jpg) repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3a38;
}

div#contenedor_intro{
width:300px;
height:400px;
margin:150px auto;

}

div#intro{
background:url(../images/entrada.png) no-repeat;
width:300px;
height:300px;


}

div#contenedor{
 background:url(../images/fondo.png); background-repeat:no-repeat;
 width:1024px; 
 height:659px;
 margin:10px auto; 
}

div#menu_ppal{
width:970px;
height:175px;
margin:0 auto;
}



div#principal {    
	width:960px;
	height:459px;	
	padding:200px 0 0 80px;
	
}

div#principal2 {    
	width:970px;
	height:439px;	
	padding:220px 0 0 30px;
}
div.clear {
	clear:both;
	width:100%;
	height:1px;
}


div#contenido_galeria{
	position:relative;
	margin:0;
	padding:0 0 0 119px;	
	height:419px;
}

div#contenido_formulario{
	position:relative;
	margin:0;
	padding:0 0 0 119px;	
	height:419px;
}

div#contenido_todo{
	position:relative;
	padding:0 0 0 0;	
	height:419px;
}



div#contact {
	position: absolute;
	bottom:24px;
	right:30px;
	width:258px;
	height:153px;
	z-index:80;
	outline:none;
}

div#contact em {
	background: url(../images/contact-hover.png) no-repeat;
	width: 175px;
	height:58px;
	position: absolute;
	top: -20px;
	left: 60px;
	text-align: center;
	font-style: normal;
	z-index: 2000;
	display: none;
	color:#fff;
	outline:none;
}



a.aboutme {
	display:block;
	text-decoration:none;
	width:258px;
	height:153px;
	padding:0;
	margin:0;
	background:url(../images/contactme.png) top left no-repeat;
	cursor:pointer;
	outline:none;
}
a.aboutme span {
	display:none;
	padding:0;
	margin:0;
	outline:none;
}


div#descargas {
	position: absolute;
	bottom:12px;
	right:730px;
	width:258px;
	height:153px;
	z-index:80;
	outline:none;
}

div#descargas em {
	background: url(../images/downloads-hover.png) no-repeat;
	width: 175px;
	height: 58px;
	position: absolute;
	top: -40px;
	left: 60px;
	text-align: center;
	font-style: normal;
	z-index: 2000;
	display: none;
	color:#fff;
	outline:none;
}
a.descargas_imag {
	display:block;
	text-decoration:none;
	outline:none;
	width:258px;
	height:153px;
	padding:0;
	margin:0;
	background:url(../images/downloads.png) top left no-repeat;
	cursor:pointer;
}
a.descargas_imag span {
	display:none;
	padding:0;
	margin:0;
	outline:none;
}


div#u2zone {
	position: absolute;
	bottom:9px;
	right:372px;
	width:258px;
	height:153px;
	z-index:80;
	outline:none;
}

div#u2zone em {
	background: url(../images/u2_zone-hover.png) no-repeat;
	width: 175px;
	height:58px;
	position: absolute;
	top: -40px;
	left: 40px;
	text-align: center;
	font-style: normal;
	z-index: 2000;
	display: none;
	color:#fff;
	outline:none;
}

a.u2zone_image {
	display:block;
	text-decoration:none;
	width:258px;
	height:153px;
	padding:0;
	margin:0;
	background:url(../images/u2_zone.png) top left no-repeat;
	cursor:pointer;
	outline:none;
}
a.u2zone_image span {
	display:none;
	padding:0;
	margin:0;
	outline:none;
}

div.currentwrapper {
	padding: 20px 0px 10px 0px;
	float:left;
	width:880px;
}
div.wide {
	width:10600px;
}
div#relleno {
    background:url(../images/content_bg4.jpg) right no-repeat;
	width:821px;
	height:390px;
	overflow: hidden;
}
div.contenido_imagen {
	width:400px;
	height:315px;
	margin:15px 0 0 20px;
	padding:0 0 0 0;
	float:left;
	
}

div.contenido_txt {
	width:300px;
	height:315px;
	margin:15px 0 0 40px;
	padding:0 3px 0 0;
	float: left
}


div.contenido_txtleft {
	width:427px;
	height:315px;
	margin:0px;
	padding:0 3px 0 20px;
	float:left;
}
div.contenido_txt h2, div.contenido_txtleft h2, div.contenido_imagen h2, div.contactinfo h2, div.contactform h2 {
	font-size:30px;
	letter-spacing:-2px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
div.contenido_txt h6, div.contenido_txtleft h6, div.contenido_imagen h6, div.contactinfo h6, div.contactform h6 {
	font-size:10px;
	font-weight:normal;
	color:#3a3a38;
	padding:0px;
	margin:0px;
	line-height:18px;
}
div.contenido_txt p, div.contenido_txtleft p, div.contenido_imagen p, div.contactinfo p, div.contactform p {
	text-align:justify;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
div.contenido_txt p a, div.contenido_txtleft p a, div.contactinfo p a, div.contactform p a {
	text-decoration:none;
	background:#4b4946;
	color:#fff;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.contenido_txt h6 a, div.contenido_txtleft h6 a, div.contactinfo h6 a, div.contactform h6 a {
	text-decoration:none;
	background: #FF3300;
	color:#fff;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div.contenido_txt h6 a:hover, div.contenido_txtleft h6 a:hover, div.contactinfo h6 a:hover, div.contactform h6 a:hover {
	color: white;
	text-decoration:none;
	background:#333130;
}
div.contenido_txt a:hover, div.contenido_txtleft a:hover, div.contactinfo a:hover, div.contactform a:hover {
	color: white;
	text-decoration:none;
	background: #333130;
}

div.contenido_txt h3, div.contenido_txtleft h3, div.contenido_imagen h3, div.contactinfo h3, div.contactform h3 {
	font-size:15px;
	color:#3a3a38;
	padding:0px;
	margin:0px;
}
div.contenido_txt ul, div.contenido_imagen ul, div.contactinfo ul, div.contactform ul {
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
}
div.contenido_txt ul li, div.contenido_imagen ul li, div.contactinfo ul li, div.contactform ul li{
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url(../images/bullet.png) center left no-repeat;
	border-bottom:1px  solid #666666;
}
div#toolswrapper {
	margin-top:10px;
}
div#toolswrapper ul {
	width:200px;
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}
div#toolswrapper ul li {
	background:none;
	margin:0px;
	padding:0px;
	border:none;
}
div#toolswrapper ul li a {
	display:block;
	font-size:13px;
	line-height:28px;
	padding-left:25px;
	background:url(../images/bullet.png) center left no-repeat;
	border-bottom:1px solid #8a8986;
	text-decoration:none;
	color:#3c3c3c;
}
div#toolswrapper ul li a:hover {
	color: #333333;
	padding-left:27px;
	background-position: 3px 50%;
}




/*botones-galerias--------------------------------------------------------------*/



/*BIO*/


ul#botones {
	display:none;
	position:absolute;
	width:50px;
	list-style:none;
	padding:0;
	margin:0;
	top:382px;
	left: 1px;
	height: 50px;
	outline:none;
}
ul#botones li a {
	display:block;
	width:50px;
	height:50px;
	background:url(../images/botones.png) top left no-repeat;
	color:#fff;
	font-size:10px;
	text-align:center; font-style:italic;
	padding-left:0px;
	line-height:38px;
	text-decoration:none;
	background-position: 0 -50px;
	outline:none;
}
ul#botones li a:hover {
	background-position: 0 0px;
}
ul#botones li a.activetab {
	background-position: 0 0px;
}
small {
	font-size:9px;
}





/*menu_interno--------------------------------------------------------------*/


#btn_bio a{
	position:absolute;
	background: url(../images/bio.png) 0 no-repeat;
	display:block;
	width:152px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: -17px;
	outline:none;
}
#btn_bio a:hover{
background-position:-152px;
}


#btn_identity a{
	position:absolute;
	background: url(../images/identity.png) 0 no-repeat;
	display:block;
	width:152px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: 71px;
	outline:none;
}
#btn_identity a:hover{
background-position:-152px;
}


#btn_works a{
	position:absolute;
	background: url(../images/works.png) 0 no-repeat;
	display:block;
	width:152px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: 27px;
	outline:none;
}
#btn_works a:hover{
background-position:-152px;
}

#btn_editorial a{
	position:absolute;
	background: url(../images/editorial.png) 0 no-repeat;
	display:block;
	width:152px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: 117px;
	outline:none;
}
#btn_editorial a:hover{
background-position:-152px;
}

#btn_creativity a{
	position:absolute;
	background: url(../images/creativity.png) 0 no-repeat;
	display:block;
	width:155px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: 162px;
	outline:none;
}
#btn_creativity a:hover{
background-position:-155px;
}

#btn_photo a{
	position:absolute;
	background: url(../images/photo.png) 0 no-repeat;
	display:block;
	width:152px;
	height:49px;
	margin:17px 0 0 90px;
	left: -141px;
	top: 213px;
	outline:none;
}
#btn_photo a:hover{
background-position:-152px;
}

#btn_casa a{
	position:absolute;
	background: url(../images/casa.png) 0 no-repeat;
	display:block;
	width:155px;
	height:49px;
	margin:17px 0 0 90px;
	left: -142px;
	top: 269px;
	outline:none;
}
#btn_casa a:hover{
background-position:-155px;
}



#gallery {
		width: 400px;
		height:315px;		
		float:left;
		outline:none;
}
	
	
	
	
div#footer {
	padding:10px 25px 15px 25px;
	height:30px;
	font-size:10px;
}
div#footer p {
	text-align:center;
}
div#footer p a {
	text-decoration:none;
	background: #333333;
	color: #999999;
	padding:0px 7px 1px 7px;
	margin:0 3px 0 3px;
}
div#footer p a:hover {
	color: white;
	text-decoration:none;
	background:#4b4946;
}
img {
	border:none;
	padding:0;
	margin:0;
}
	
		
	
	
/*formulario-------------------------------------------------------------------*/




#contacto{
width:350px;
height:320px;
float: left;
margin:15px 0 0 120px;
padding:0 0 0 0;
}
.formulario{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
color:#0f1f20;
}

#titulos-form{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color: #666666;
text-align:left;
width:90px;
height:15px;
display:block;
margin:0 0 10px 10px;
float:left;
}

#casillas-form{
width:100px;
height:25px;
text-align:left;
float:left;
margin:0px 80px 8px 0;
}

.casillas-form{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#a6a6a6;
background-color: #353434;
border: #666666 thin solid;
}

#casillas-form2{
width:220px;
height:20px;
text-align:left;
float:left;
margin:0px 0 8px 0;
}

#comentario-form{
width:200px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#a6a6a6;
text-align:left;
float:left;
margin:0 20px 10px 0;
}
#disclaimer{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#a6a6a6;
text-align:left;
width:300px;
display:block;
margin:10px 0 5px 0;
float:left;
}

#fondo_contacto{
background:url(../images/telefono.png) no-repeat;
width:334px;
height:429px;
float:left;
margin:0 0 30px 15px;

}

#boton-form{
	position:absolute;
	width:90px;
	height:40px;
	left: 339px;
	top: 344px;
}	
	
	
/*descargas-------------------------------------------------------------------*/

div#contenido_descargas{
	position:relative;
	margin:0;
	padding:0 0 0 119px;	
	height:419px;
}

div#wallpapers{
background:url(../images/wallpapers.png) no-repeat;
width:655px;
height:90px;
margin:0 0 0 110px;

}

div#wallpapers2{
background:url(../images/wallpapers_2.png) no-repeat;
width:655px;
height:255px;
margin:0 0 0 130px;

}

#btn_download a{
	position:absolute;
	background: url(../images/downloads_btn.png) 0 no-repeat;
	display:block;
	width:145px;
	height:85px;
	margin:17px 0 0 90px;
	left: 223px;
	top: 328px;
	outline:none;
}
#btn_download a:hover{
background-position:-145px;
}
#btn_download2 a{
	position:absolute;
	background: url(../images/downloads_btn2.png) 0 no-repeat;
	display:block;
	width:145px;
	height:85px;
	margin:17px 0 0 90px;
	left: 607px;
	top: 330px;
	outline:none;
}
#btn_download2 a:hover{
background-position:-145px;
}




/*U2zone-------------------------------------------------------------------*/

div#contenido_u2zone{
    
    background-image:url(../images/u2zone.png); background-repeat:no-repeat;
	position:relative;
	padding:0 0 0 0;	
	height:444px;
}

#btn_casau2 a{
	position:absolute;
	background: url(../images/casau2.png) 0 no-repeat;
	display:block;
	width:155px;
	height:49px;
	margin:17px 0 0 90px;
	left: -19px;
	top: 106px;
	outline:none;
}
#btn_casau2 a:hover{
background-position:-155px;
}

div#principalu2 {    
	width:960px;
	height:464px;	
	padding:135px 0 60px 70px;
}


#btn_downloadu2_1 a{
	position:absolute;
	background: url(../images/downloads_btnu2_1.png) 0 no-repeat;
	display:block;
	width:145px;
	height:85px;
	margin:17px 0 0 90px;
	left: 47px;
	top: 379px;
	outline:none;
}
#btn_downloadu2_1 a:hover{
background-position:-145px;
}
#btn_downloadu2_2 a{
	position:absolute;
	background: url(../images/downloads_btnu2_2.png) 0 no-repeat;
	display:block;
	width:145px;
	height:85px;
	margin:17px 0 0 90px;
	left: 494px;
	top: 380px;
	outline:none;
}
#btn_downloadu2_2 a:hover{
background-position:-145px;
}

#btn_downloadu2_3 a{
	position:absolute;
	background: url(../images/downloads_btnu2_3.png) 0 no-repeat;
	display:block;
	width:145px;
	height:85px;
	margin:17px 0 0 90px;
	left: 264px;
	top: 413px;
	outline:none;
}
#btn_downloadu2_3 a:hover{
background-position:-145px;
}

#btn_u2cp a{
	position:absolute;
	background: url(../images/u2cp_btn.png) 0 no-repeat;
	display:block;
	width:188px;
	height:44px;
	margin:17px 0 0 90px;
	left: 656px;
	top: 195px;
	outline:none;
}
#btn_u2cp a:hover{
background-position:-188px;
}

#btn_u2com a{
	position:absolute;
	background: url(../images/u2_com_btn.png) 0 no-repeat;
	display:block;
	width:64px;
	height:22px;
	margin:17px 0 0 90px;
	left: -43px;
	top: 74px;
	outline:none;
}
#btn_u2com a:hover{
background-position:-64px;
}