
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;

}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}
@font-face {
    font-family: 'myriad';
    src: url('../myriad.ttf');
   
    font-weight: normal;
    font-style: normal;

}

html{
	background:  url(../imgs/background.jpg) repeat fixed;
}

 body{

width: 1024px;
height: auto;
	margin:  0 auto;
	overflow-y: scroll;



}


header{
	padding-left: 30px;
padding-top: -5px;



	
}

#main-menu{
	

	position: absolute;
	

	top:131px;
	width: auto;
	height: 29px;
	

}
#main-menu ul {
	
	margin-left: 600px;
	display: block;
	

}

#main-menu ul li{
	display: inline-block;
	position: relative;
	
	width: 98px;
	height: 29px;
	margin-right: 0px;
}

#main-menu ul li a{
	display: block;
	width: 98px;
	height: 29px;
}

#main-menu ul li.b0 a { background:  url(../imgs/b01.png) no-repeat; }
#main-menu ul li.b1 a { background:  url(../imgs/b02.png) no-repeat; }
#main-menu ul li.b2 a { background:  url(../imgs/b03.png) no-repeat; }
#main-menu ul li.b3 a { background:  url(../imgs/b04.png) no-repeat; }


#main-menu ul li.b0_on a { background:  url(../imgs/b01on.png) no-repeat; }
#main-menu ul li.b1_on a { background:  url(../imgs/b02on.png) no-repeat; }
#main-menu ul li.b2_on a { background:  url(../imgs/b03on.png) no-repeat; }
#main-menu ul li.b3_on a { background:  url(../imgs/b04on.png) no-repeat; }


#contenidos{
	
	width: auto;
	height: auto;

	



}
#contenidos img{
position: absolute;
	margin-top: -80px;
}



p{
font-family: 'Oswald', sans-serif;
color: #081e50;
text-align: center;

font-size: 12px;
}




.txthome{
font-family: 'Oswald', sans-serif;
	width: 450px;
 position: absolute;
 margin-top: -450px;
 margin-left: 50px;
  }
  .txthome h2{
font-family: 'Oswald', sans-serif;
	color: #081e50;
	font-size: 24px;
  }

  .txthome p{
	text-align: justify;
  }


  .txtservicios{
  font-family: 'Oswald', sans-serif;
	width: 450px;
 position: absolute;
 margin-top: -420px;
 margin-left: 650px;
  }
   .txtservicios p {
font-family: 'Oswald', sans-serif;
color: #081e50;
text-align: justify;
font-size: 12px;
margin-bottom: 15px;
  }
  .txtservicios h2{
font-family: 'Oswald', sans-serif;
	color: #081e50;
	font-size: 24px;
  }
  .txtservicios h3{
font-family: 'Oswald', sans-serif;
	color: #081e50;
	font-size: 18px;
  }
  .txtclientes {
  	font-family: 'Oswald', sans-serif;
	width: 500px;
 position: absolute;
 margin-top: -420px;
 margin-left: 100px;
  }
   .txtclientes p {
font-family: 'Oswald', sans-serif;
color: #081e50;
text-align: justify;
font-size: 12px;
margin-bottom: 15px;
  }

   .txtclientes h2{
font-family: 'Oswald', sans-serif;
	color: #081e50;
	font-size: 24px;
  }


    .txtcontacto {
    	font-family: 'Oswald', sans-serif;
	width: 500px;
	text-align: left;
 position: absolute;
 margin-top: -470px;
 margin-left: 80px;
  }
     .txtcontacto p {
     	width: 350px;
font-family: 'Oswald', sans-serif;
color: #081e50;
text-align: left;
font-size: 12px;
margin-bottom: 15px;
  }

   .txtcontacto h2{
font-family: 'Oswald', sans-serif;
	color: #081e50;
	font-size: 24px;
	width: 330px;
  }


#pie p{
font-family: 'Oswald', sans-serif;
color: #ffffff;

padding-top: 5px;
font-size: 12px;

}



}

a {
    text-decoration: none;
}
a:link, a:visited {
    color: #06470e;
}
a:hover {
    color: white;
    text-shadow: 2px 2px 3px #000000;
}
 #map-canvas {
 	margin-left: 550px;
    width: 500px;
    height: 400px;
    background-color: #CCC;
  }

ul {
    list-style-type: square;
}


 li{
font-family: 'Oswald', sans-serif;
color: #081e50;

font-size: 12px;

}
form{
	position: relative;
	margin-top: -450px;
	
	margin-left: 100px
}


    input, textarea {
		border: solid 1px #ffffff; 
		margin-top: 10px;
        outline: 15px;  
        font: normal 13px/100% Verdana, Tahoma, sans-serif;  
        width: 300px;  
        background: #ffffff; 
}

textarea {
		width: 300px;  
        resize:none; 
        height:80px;   
        line-height: 150%;  
}

 	input:hover, textarea:hover,  
    input:focus, textarea:focus {   
    border-color: #999;   
        }  


#submit {
 background-color: #081e50;
        width: 300px; 
        height: 30px; 
       font-size: 15px;
       color:white;  
       text-indent: -5px;
       vertical-align: middle;
       cursor:pointer;
       opacity: .5;
		filter: alpha(opacity=50);
      
	}

#submit:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

.error{
	font-size: 13px;
    color:white;  
}
