@charset "utf-8";
/* CSS Document */



/* aqui esta la parte que agrupa los bodies in the floor */

body.home, body.trabajos, body.contactos {
margin:50px 0px; 
padding:0px;
text-align:center;
}

body.home {
background-color: #5a4400;
}

body.trabajos {
background-color: #62b2d9;
}

body.contactos {
background-color: #a5cb2b;
}



/* aqui esta la parte que agrupa los contenedores */

.contenedorhome, .contenedormisionvisionvalores, .contenedorconceptoservicios, .contenedorservicios,
.contenedorprensa, .contenedorformulario, .contenedorexterior, .contenedorimagencorp, .contenedorcampanas, .contenedorbrochure, .contenedorweb, .contenedorproductos, .contenedorpromociones,
.contenedorcontactos {
width: 1000px;
height:561px;
margin-left: auto;
margin-right: auto;
font-family:Arial, Helvetica, sans-serif;
}



.contenedorhome {
background:url(template/template%20nosotros.jpg) no-repeat;
}

.contenedormisionvisionvalores {
background:url(template/template%20misionvisionvalores.jpg) no-repeat;
}

.contenedorconceptoservicios {
background:url(template/template%20conceptoservicio.jpg) no-repeat;
}

.contenedorservicios {
background:url(template/template%20servicios.jpg) no-repeat;
}



.contenedorprensa {
background:url(template/template%20prensa.jpg) no-repeat
}

.contenedorcampanas {

background:url(template/template%20campanas.jpg) no-repeat
}

.contenedorexterior {
background:url(template/template%20exterior.jpg) no-repeat
}

.contenedorformulario {
background:url(template/template%20formulario.jpg) no-repeat
}

.contenedorimagencorp {
background:url(template/template%20imagen%20corp.jpg) no-repeat
}

.contenedorbrochure {
background:url(template/template%20brochures.jpg) no-repeat
}

.contenedorweb {
background:url(template/template%20paginaweb.jpg) no-repeat
}

.contenedorproductos {
background:url(template/template%20productos.jpg) no-repeat
}

.contenedorpromociones {
background:url(template/template%20promociones.jpg) no-repeat
}



.contenedorcontactos { background:url(template/template%20contactos.jpg) no-repeat;
}



/* aqui esta la parte que agrupa los contenidos */

.lateral {
position: inherit;
}

.contenidohome, .contenidomisionvisionvalores, .contenidoconceptoservicios, .contenidoservicios {
float:right;
text-align:left;
width:500px;
color: #6e5501;
}


.contenidohome {
margin-top:-370px;
/margin-top:-400px; /*internet explorer fix*/
margin-right:110px;
font-size:13px;
}

.contenidomisionvisionvalores {
margin-top:-325px;
/margin-top:-380px; /*internet explorer fix*/
margin-right:110px;
font-size:13px;
}

.contenidoconceptoservicios {
margin-top:-280px;
/margin-top:-325px; /*internet explorer fix*/
margin-right:110px;
font-size:14px;
}

.contenidoservicios {
margin-top:-427px;
/margin-top:-450px; /*internet explorer fix*/
font-size:13px;
height:355px;
width:380px;
margin-right:170px
}





.contenidotrabajos {
float:right;
margin-top:1px;
width:755px;
height:550px;
margin-top:-495px; 
/margin-top:-530px;  /*internet explorer fix*/
/margin-right:-10px;  /*internet explorer fix*/
font-size:14px;
}





.contenidocontacto {
float:right;
padding-right:120px;
text-align:left;
width:500px;
height:482px;
color: #b3d334;
padding-top:30px;
font-size:14px;
}


/*aqui estan los menus*/



/*este es el menu top*/

/*este es el menu tophome*/

.menutophome {
width: 250px;
margin-left:102px;
/margin-left:-796px; /*internet explorer fix*/
padding-top: 20px;
}

.menutophome ul{
font-size:9px;
text-align: left; 
list-style-type:none;
position:absolute
}

.menutophome ul li{
margin:30px;
}

.menutophome ul li a{
color: #6e5501;
text-decoration: none;
}

.menutophome ul li a:hover{
font-size:15px;
font-weight:bold;
}

.menutophome ul li a:active{
font-size:16px;
font-weight:bold;
}

.menuseleecionadohome {
font-size:15px;
font-weight:bold;
color: #6e5501;
text-decoration: none;
}



/*este es el menu menutoptrabajos*/

.menutoptrabajos {
width: 250px;
margin-left:102px;
/margin-left:-796px; /*internet explorer fix*/
padding-top: 20px;
}

.menutoptrabajos ul{
font-size:9px;
text-align: left; 
list-style-type:none;
position:absolute
}

.menutoptrabajos ul li{
margin:30px;
}

.menutoptrabajos ul li a{
color: #70bfe0;
text-decoration: none;
}

.menutoptrabajos ul li a:hover{
font-size:15px;
font-weight:bold;
}

.menutoptrabajos ul li a:active{
font-size:16px;
font-weight:bold;
}

.menuseleecionadotrabajos {
font-size:15px;
font-weight:bold;
color: #70bfe0;
text-decoration: none;
}



/*este es el menu menutopcontactos*/

.menutopcontactos {
width: 250px;
margin-left:102px;
/margin-left:-796px; /*internet explorer fix*/
padding-top: 20px;
}

.menutopcontactos ul{
font-size:9px;
text-align: left; 
list-style-type:none;
position:absolute
}

.menutopcontactos ul li{
margin:30px;
}

.menutopcontactos ul li a{
color: #b3d334;
text-decoration: none;
}

.menutopcontactos ul li a:hover{
font-size:15px;
font-weight:bold;
}

.menutopcontactos ul li a:active{
font-size:16px;
font-weight:bold;
}

.menuseleecionadocontactos {
font-size:15px;
font-weight:bold;
color: #b3d334;
text-decoration: none;
}



/*este es el menu lateral home*/

.menusidehome {
width: 130px;
margin-top:320px;
/margin-left:-860px; /*internet explorer fix*/
}

.menusidehome ul{
font-size:10px;
text-align: left;
}

.menusidehome ul li{
margin:7px;
}

.menusidehome ul li a{
color: #6e5501;
text-decoration: none;
}

.menusidehome ul li a:hover{
color:#CCCCCC
}

.menuseleecionadolateralhome {
font-size:10px;
color: #999999;
text-decoration: none;
list-style-type:none;
}


/*este es el menu lateral trabajos*/

.menusidetrabajos {
width: 200px;
margin-top:310px;
/margin-top:287px; /*internet explorer fix*/
/margin-left:-796px; /*internet explorer fix*/
}

.menusidetrabajos ul{
font-size:10px;
text-align: left;
list-style-type:none;
}

.menusidetrabajos ul li{
margin:7px;
}

.menusidetrabajos ul li a{
color: #70bfe0;
text-decoration: none
}

.menusidetrabajos ul li a:hover{
color:#CCCCCC
}

.menuseleecionadolateraltrabajos {
color: #999999;
text-decoration: none;
list-style-type:none
}




/*este es la galeria flash*/

#flashcontent {
}

a {
}

p {
width: 480px;
}


/*este es el formulario*/

.formulario {
color: #a5cb2b;
padding-left:70px
}


.direccion{
font-size:11px;
text-align:left;
padding-top:10px;
padding-left:75px
}
