/* 
Documento CSS
Creado por: Misal23
Sitio: Misael23.com
Agosto/09
*/

/*--------- ESTRUCTURA GLOBAL ---------- */
body {
	font-family: "Lucida Grande", Arial, sans-serif;
	background:url(../imagenes/fondo.jpg) repeat;
	margin: 0;
	padding: 0;
	text-align:center;
}

/*--------- ESTRUCTURA GLOBAL ---------- */
/*--------------DIV'S CREADOS---------------*/
#divCuerpo{
	width:1000px;
	margin:0 auto;
	padding:0;
}

#divLogo{
	width:300px;
	height:150px;
	float:left;
	margin:0;
	padding:0;
	background:url(../imagenes/misael23mini.png) no-repeat top center;
}

#divMenu{
	width:700px;
	height:150px;	
	float:right;
	margin:0;
	padding:0;
}

#divInicioIzq{
	width:500px;
	padding:20px 50px;
	float:left;
	height:400px;
	font-size:16px;
	text-align:justify;
}

#divInicioDer{
	width:300px;
	padding:20px 50px;
	float:right;
	height:400px;
}

#divInicio1{
	width:330px;
	height:620px;
	margin:0;
	padding:0;
	border-right:1px solid #333;
	float:left;
}

#divInicio2{
	width:330px;
	height:620px;	
	margin:0;
	padding:0;
	border-right:1px solid #333;
	float:left;
}

#divInicio3{
	width:335px;
	height:620px;	
	margin:0;
	padding:0;
	float:right;
}

#divContenido{
	width:100%;
	clear:both;
	color:#999;
	font-size:14px;
	text-align:left;	
}

#divTrabajoDer{
	width:550px;
	float:right;
}

#divTrabajoIzq{
	width:425px;
	float:left;

}

#divContactoIzq{
	width:600px;
	float:left;
	text-align:left;
}

#divContactoDer{
	margin:0px;
	width:300px;
	float:right;
	text-align:left;
}

#divPie{
	width:100%;	
	height:120px;
	font-size:10px;
	color:#666;
	background:#010101;
	border-top:1px solid #09c;
	clear:both;
}

#divPieContenido{
	width:850px;
	margin:0 auto;
}

#divPieIzq{
	width:460px;
	float:left;
	text-align:left;
	height:90px;
}

#divPieDer{
	width:350px;
	margin-left:40px;
	float:right;
	text-align:left;
	height:90px;
	font-size:14px;
}

#divPieDer a img, #divPieDer a img:visited{
	border:1px solid #333; 
}

#divPieDer a img:hover{
	border:1px solid #09C; 
}

#divTitulo{
	margin:0;
	width:100%;
	height:275px;
	background:#0f0f0f;
	border-top:1px solid #09c;
}

#divExperienciaIzq{
	float:left; 
	width:40%; 
	height:170px;
}

#divExperienciaDer{
	float:right; 
	width:60%; 
	height:170px;
}

#titulo{
	margin:0 100px;
	width:800px;
	height:275px;
	background:transparent url(../imagenes/background.png) repeat-x;
}

/*--------------DIV'S CREADOS---------------*/
/*--------------MISC---------------*/

.azul, .azul a, .azul a:visited{
	color:#09C;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.azul a:hover{
	color:#FFF;
	background:#09C;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.rojo , .rojo a, .rojo a:visited{
	color:#09C;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.rojo a:hover{
	color:#FFF;
	background:#C00;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.bullet{
	list-style-image:url(../imagenes/bullet.png);
}

.big{
	color:#09C;
	font-size:72px;
}

.gris br{
	margin:0;
	padding:0;
}


.gris, .gris a, .gris a:visited{
	color:#999;
	font-size:14px;
	text-decoration:none;
}

.gris a:hover{
	color:#999;
	font-size:14px;
	text-decoration:underline;
}

.twitter_image{
	width:110px;
	height:90px;
	float:left;
	background:url(../imagenes/twitterbird.png) no-repeat right;
	margin:0;
	padding:0;
}

.twitter_text{
	width:350px;
	height:90px;	
	float:right;
	margin:0;
	padding:0;	
}

.twitter_text div{
	list-style:none;
	font-size:14px;
	margin: 10px 0 0 10px ;
	padding:0;
	width:300px;
}

.twitter_text a, .twitter_text a:visited{
	color:#09C;
	font-size:12px;
	text-decoration:none;
}

.twitter_text a:hover{
	color:#09C;
	font-size:12px;
	text-decoration:underline;
}

.imgTrabajo img{
	border: 1px solid #09C;
}

.imgInicio{
	width:285px;
	margin:0 auto;
}

.imgInicio img, .imgInicio img:visited{
	margin:5px;
	border: 5px solid #111;
	background-color: #111;
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.imgInicio img:hover{
	border: 5px solid #333;
}

.tituloAgradables{
	background:url(../imagenes/agradable.png) no-repeat left;
	font-size:20px;
	height:25px;
	width:150px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;
	margin:0 auto;
}

.tituloIntuitivos{
	color:#09C;	
	background:url(../imagenes/intuitivo.png) no-repeat left;
	font-size:20px;
	height:25px;
	width:150px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;	
	margin:0 auto;
}

.tituloUsables{
	background:url(../imagenes/usable.png) no-repeat left;
	font-size:20px;
	height:25px;
	width:150px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;	
	margin:0 auto;	
}

.tituloConfiables{
	color:#09C;	
	background:url(../imagenes/confiable.png) no-repeat left;
	font-size:20px;
	height:25px;
	width:150px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;	
	margin:0 auto;	
}

.servicio1{
	background:url(../imagenes/servicio1.png) no-repeat left;
	font-size:20px;
	height:25px;
	width:350px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;	
}

.servicio2{
	background:url(../imagenes/servicio2.png) no-repeat right;
	font-size:20px;
	height:50px;
	width:350px;
	padding:20px 40px 20px 20px;
	border-bottom:#333 1px solid;	
}

.servicio3{
	background:url(../imagenes/servicio3.png) no-repeat left;
	font-size:20px;
	height:70px;
	width:360px;
	padding:20px 0 20px 60px;
	border-bottom:#333 1px solid;		
}
/*--------------MISC---------------*/
/*------------ MENU -----------------*/

#menu{
	margin-left:150px;
}

#menu ul{
	list-style-type:none;
}

#menu li{
	display:inline;
	text-decoration:none;
	float:left;
	text-align:center;
	padding:0px 15px;
}

#menu li a, #menu li a:visited {
	color:#09C;
	font-size:16px;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
}

#menu li a .mini{
	color:#666;
	font-size:10px;
	margin:0;
	padding:0;
}

#menu li a:hover .mini {
	color:#CCC;
	text-decoration:none;
}

/*------------ MENU -----------------*/