@charset "UTF-8";
/* CSS Document 
José Alfredo Pacajoj
08003142
(502) 5968 2777
josepacajoj@gmail.com
 */
 body{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	overflow:hidden;
}
#conte_prin{
	width:100%;
	height:auto;
}
#conte_sobremi{
	width:100%;
	height:550px;
	background-image:url(imagenes/bg_01.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#sobremi{
	width:100%;
	height:550px;
	background-image:url(imagenes/txt_sobremi.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#txt_sobremi{
	margin:10px;
	width:auto;
	height:auto;
}
#txt_sobremi h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}
#txt_sobremi h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#767fa0;
}
#txt_sobremi p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#767fa0;
	text-align:justify;
}
.sobremiresaltado{
	color:#FFFFFF;
	background-color:#071441;
	font-size:14px;
}
#muchachito1{
	width:347px;
	height:321px;
	margin-top:145px;
	margin-left:15px;
	background-image:url(imagenes/muchachito1.png);
	background-repeat:no-repeat;
	float:left;
}
#lateizq{
	width:638px;
	height:200px;
	float:right;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}


#conte_esp1{
	width:100%;
	height:600px;
	background-image:url(imagenes/bg_02.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#nube{
	width:263px;
	height:214px;
	padding-top:130px;
	padding-left:30px;
}
#conte_servicios{
	width:100%;
	height:550px;
	background-image:url(imagenes/bg_03.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#txt_serv{
	width:auto;
	height:auto;
	margin:30px;
}
#txt_serv h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#056193;
}
#txt_serv p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0097d9;
	text-align:justify;
}
.servresaltado{
	color:#FFFFFF;
	background-color:#009ee0;
	margin:0;
	padding:0;
	font-size:14px;
}
#servicios{
	width:100%;
	height:550px;
	background-image:url(imagenes/agua-full.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
}
#servidivi{
	width:1024px;
	height:520px;
}
#servleft{
	width:500px;
	height:520px;
	float:left;
}
#servright{
	width:470px;
	height:520px;
	float:right;
}
ul li{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#0097d9;
	text-align:justify;
	font-weight:bold;
}
	

#conte_esp2{
	width:100%;
	height:600px;
	background-image:url(imagenes/bg_04.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#conte_portafolio{
	width:100%;
	height:550px;
	background-image:url(imagenes/bg_05.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#portafolio{
	width:100%;
	height:550px;
	background-image:url(imagenes/txt_porta.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}


#conte_esp3{
	width:100%;
	height:600px;
	background-image:url(imagenes/bg_06.jpg);
	background-repeat:repeat-x;
	background-position:top;
}












/*-----------------------MENU----------------------------*/
#conte_menu{
	width:100%;
	height:60px;
}
#atrac{
	margin:0;
	padding:0;
}
/*menu sobre m!*/
#navi{  
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin-right:2px;
	padding:0;
	float:left;
}
#navi li p{
	width:auto;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:40px;
	margin:0px 14px 0px 14px;
	color:#FFFFFF;	
}
#navi li a {
	display:block; 
	width:auto;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	text-align:center;
	font-size:18px;
	padding-top:22px;
	margin:0px 14px 0px 14px;
	color:#767fa0;
}
#navi li a:hover {
background-color:#030f3c;
}
/*menu servicios*/
#navi2{  
	list-style:none;
	margin:0;
	padding:0;
}
#navi2 li {
	margin-right:2px;
	padding:0;
	float:left;
}
#navi2 li p{
	width:auto;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:40px;
	margin:0px 14px 0px 14px;
	color:#FFFFFF;	
}
#navi2 li a {
	display:block; 
	width:auto;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	text-align:center;
	font-size:18px;
	padding-top:22px;
	margin:0px 14px 0px 14px;
	color:#e9fcff;
}
#navi2 li a:hover {
background-color:#489fb5;
}
/*menu portafolio*/
#navi3{  
	list-style:none;
	margin:0;
	padding:0;
}
#navi3 li {
	margin-right:2px;
	padding:0;
	float:left;
}
#navi3 li p{
	width:auto;
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:40px;
	margin:0px 14px 0px 14px;
	color:#FFFFFF;	
}
#navi3 li a {
	display:block; 
	width:auto;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	list-style:none;
	text-align:center;
	font-size:18px;
	padding-top:22px;
	margin:0px 14px 0px 14px;
	color:#37a9df;
}
#navi3 li a:hover {
background-color:#0b7aaf;
}


.clearfix{
position:relative;
}
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(imagenes/too_cool.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}
/*-----------------------Forumlario-------------------------*/
form{
	background-repeat:no-repeat;
	width:178px;
	height:auto;
	display:block;
	padding:30px 80px 10px 60px;
	margin-bottom:30px;
	height:220px;
}
label{
	font-size: 13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#071441;
	width:180px;
	display:block;
}
.campo {
	width: 150px;
	height: 18px;
	margin-bottom: 7px;
	border: 1px Solid #071441;
	background:#FFF;
	padding: 2px;
	color:#071441;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
.campo2 {
	width:150px;
	height:60px;
	margin-bottom: 15px;
	border: 1px Solid #071441;
	background:#FFF;
	padding: 2px;
	color:##071441;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#b_enviar {
	width: 88px;
	height:20px;
	background: #FFF;
	color:#071441;
	border:none;
	border: 1px Solid #071441;
	float:right;
}
#b_enviar:hover {
	width: 88px;
	height:20px;
	background: #071441;
	color:#FFF;
	border: 1px Solid #071441;

}
#formu{
	width:300px;
	height:auto;
	float:right;
	margin-right:80px;
	padding-top:120px;
}
#formu p{
	font-size:12px;
	line-height:19px;
}
#up{
	width:900px;
	text-align:right;
}
#up a{
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	text-align:right;
}
#up a:hover{
	color:#8ab902;
}