@charset "UTF-8";


* {
	margin: 0;
	padding: 0;}


body{
	font-weight:300;
	background-image:url(img/bgbody.png);
	background-position:top;
	background-repeat:repeat-x;}
	 	
img{
	border:none;}

h1{
	font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    color:#003399;
	line-height:30px;}


h2{

    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#003399;
	line-height:30px;}


	

p{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	color:#343434;
	padding-bottom:10px;}
	
h4{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:22px;
	color:#999999;
	text-align:right;
	padding-bottom:10px;}
	
h5{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:18px;
	color:#999999;
	text-align:left;
	padding-bottom:10px;}

h6{
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:22px;
	color:#999999;
	text-align:left;
	padding-bottom:10px;}

	
#contenedor{
	margin:auto;
	width:100%;
	height:auto;
	background-image:url(img/fondoweb3.png);
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;}

#contenedorinter{
	margin:auto;
	width:760px;
	height:auto;
	border: #ccc 1px solid;}
	

#header{
	width:760px;
	height:190px;
	float:left;
	margin-top:0px;}

#contenidos{
	width: 760px;
	height:auto;
	float:left;
	background-color:#FFFFFF;}

#sombra{
	width: 760px;
	height:20px;
	float:left;
	background-image:url(img/bg_sombra.jpg);
	background-repeat:repeat-x;}
		
#contenido1{
	margin-left:15px;
	width:520px;
	height:auto;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
	
	
#contenido1 .texto2{
	margin-left:15px;
	width:520px;
	height:auto;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;
	text-decoration: none;}
	
#contenidoformu{
	margin-left:15px;
	margin-top:20px;
	width:400px;
	height:auto;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
	
#contenidoformuok{
	margin-left:15px;
	margin-top:20px;
	padding-top:30px;
    width:400px;
	height:auto;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
	
	

#contenido1 .titulo{
	width:490px;
	height:29px;
	text-align:left;
	float:left;
	padding-top:10px;
	margin-left:15px;
	margin-right:15px;
	border-bottom:solid 1px #999;}

#contenido1 .texto{
	width:490px;
	height:auto;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	}
	
	
#contenido1 .formulario{
	width:350px;
	height:auto;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	}
	
#contenido2formu{

	margin-top:0px;
	margin-left:25px;
	margin-right:15px;
	width:300px;
	height:400px;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
	
#contenidoflash{
	margin-left:15px;
	margin-bottom:20px;
	margin-top:30px;
	width:360px;
	height:290px;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
	
	
#contenidoflash .flash1{

width:344px;
height:257px;
background-color:#FFFFFF;
padding:5px;
border:solid 1px #999;}

#contenidoflash .botonesizq{

width:18px;
height:18px;
background-color:#FFFFFF;
float:right;
}

#contenidoflash .botonesder{

width:18px;
height:18px;
background-color:#FFFFFF;
float:right;
padding-left:5px;
}

#botones{

width:350px;
height:18px;
background-color:#FFFFFF;
padding:5px;
}

#contenidotextoflash{

width:350px;
height:auto;
background-color:#FFFFFF;
float:right;
margin-right:15px;
margin-bottom:10px;
margin-top:20px;
}

.titulo{
	width:350px;
	height:29px;
	text-align:left;
	float:left;
	
	border-bottom:solid 1px #999;}
	
.tituloformu{
	width:300px;
	height:29px;
	text-align:left;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
	border-bottom:solid 1px #999;}
	

.textodescripcion{

width:350px;
height:auto;
background-color:#FFFFFF;
float:right;
margin-top:20px;

}

.lista p{
	text-align:left;
	
    font-size:11px;
	line-height:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}

	
		
#contenido2{

	margin-top:0px;
	margin-left:25px;
	width:190px;
	height:400px;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}
		
#contenido2 .titulo{
	width:170px;
	height:29px;
	text-align:left;
	float:left;
	padding-top:10px;
	margin-left:0px;
	margin-right:35px;
	border-bottom:solid 1px #999;}
		
		
	
.cont2foto1{
	height:116px;
	width: 155px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:35px;
	padding:5px;
	border:solid 1px #999;
	}
	
	
.cont2foto2{
	height:116px;
	width: 155px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:30px;
	padding:5px;
	border:solid 1px #999;}


/* -- menu -- */

#menu {
	width:760px;
	height:30px;
	float:left;
	background-image:url(img/bg_menu.png);
	background-repeat:repeat-x;}

#menu_principal {
	width:405px;
	height:30px;
	float:left;
	background-color:#000000;}

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

#menu_principal li a{
	height:22px;  
	text-align: center;  
	float:left;
	color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	position: relative;
	text-decoration:none;
	padding-top:8px;
	}

/* ancho botones */
#menu_principal .btn1_menu a{
	width: 80px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:0 0;}

#menu_principal .btn1_menu a:hover{
    width: 80px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:0 -30px;}

#menu_principal .btn1_menu a:active{
	width: 80px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:0 -60px;}

#menu_principal .btn1_menu a.current{
	width: 80px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:0 -90px;}

#menu_principal .btn2_menu a{
	width: 90px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-80px 0;}

#menu_principal .btn2_menu a:hover{
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-80px -30px;}

#menu_principal .btn2_menu a:hover{
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-80px -60px;}

#menu_principal .btn2_menu a.current{
	
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-80px -90px;}
 
#menu_principal .btn3_menu a{
	width: 150px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-170px 0;}

#menu_principal .btn3_menu a:hover{
	
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-170px -30px;}

#menu_principal .btn3_menu a:active{

	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-170px -60px;}
	
#menu_principal .btn3_menu a.current{

	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-170px -90px;}
 
#menu_principal .btn4_menu a{
	width: 85px;
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-320px 0;}

#menu_principal .btn4_menu a:hover{
	
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-320px -30px;}

#menu_principal .btn4_menu a:active{

	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-320px -60px;}

#menu_principal .btn4_menu a.current{
	
	background-image:url(img/menuprincipal.png);
	background-repeat:no-repeat;
	background-position:-320px -90px;}	


/* GALERIA --------------------------------------- */

#contenidogaleria {	
	width:730px;
	height:100px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;}	
	
.galeriabotonizq{
	width:20px;
	height:20px;
	float:left;
    padding-top:30px; }

	
.galeriabotonder{
	width:20px;
	height:20px;
	float:right;
    padding-top:30px; }

/*---- tira de imagenes galeria proyectos ---*/
.galeriacentro{
	width:690px;
	height:100px;
	float:left;
	background-color:#FFFFFF;}
	
.galeriacentro ul {list-style-type: none;}

.thumb {
	width: 690px;
	display:block;}

.thumb li {
	float: left;
	width:81px;
	height:81px;
	margin: 0 6px 0 0;
	position: relative;}

.thumb li.last {
	float: left;
	width:81px;
	height:81px;
	margin: 0 0 0 0;
	position: relative;}

.thumb li a:hover {
	display: block;
	opacity: .50;
	filter: alpha(opacity=50);
	filter: "alpha(opacity=50)";}

.thumb img {width: 81px; height: 81px; border:none;}



/* trabaje con nosotros */

#contenido1 .titulotrab{
	width:450px;
	height:29px;
	text-align:left;
	float:left;
	padding-top:10px;
	margin-left:15px;
	margin-right:15px;
	border-bottom:solid 1px #999;}
	
#contenido1 .texto2{
	width:450px;
	height:auto;
	text-align:left;
	float:left;
	padding-top:20px;
	padding-left:15px;
	padding-right:opx;
	margin-right:15px;}

#contenido2trabaje{

	margin-top:40px;
	margin-left:0px;
	width:190px;
	height:300px;
	text-align:justify;
	float:left;
	background-color:#FFFFFF;}


/* FOOTER */

#footer{
	margin:15px;
	width:730px;
	height:100px;
	clear:both;
	background-image:url(img/bg_footer.png);
	background-repeat:no-repeat;
	margin-bottom:15px;}			
				
.footertexto{
	width: 730px;
	height:auto;
	margin-top:30px;
	float:left;}		

.izq{
	text-align:left;
	float:left;
	margin-left:10px;
	margin-top:10px;
	font-size:11px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;}			

.der{
	text-align:right;
	float:right;
	margin-right:10px;
	margin-top:10px;
	font-size:11px;
	line-height:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;}	
	
.corte{
	clear:both;}
	
.contenedor_campo{
	width:350px;
	height:auto;
	float:left;}

.label{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	 color:#003399;}

.campo{
	width:350px;
	height:auto;
	margin-bottom:10px;
	background-color:#FF0000;}
	

.input{
	width:350px;
	height:20px;
	border:1px solid #666;}
	
.textarea{
	width:350px;
	height:150px;
	border:1px solid #666;
	}

.boton{
	width:350px;
	height:auto;
	float:left;

	}
	
	
.boton .btn{
	
	background-image:url(img/btn.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:50px;
	height:25px;
	float:right;
	font-size:12px;
	color:#FFFFFF;
	
}

.boton .btn:hover{
  
	background-image:url(img/btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -25px;}

.boton .btn:active{

	background-image:url(img/btn.jpg);
	background-repeat:no-repeat;
	background-position:0 -50px;}