* { margin: 0; }
html, body { height: 100%; margin: 0; padding: 0; }
body { background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333; line-height: 150%;   }



/*------------LINKS Y TIPOGRAFIAS-----------------------------*/

a { color: rgb(218, 37, 29); text-transform: uppercase; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {font-size: 22px; color: rgb(218, 37, 29); font-weight: 500; line-height: 150%;   text-align: justify; white-space: pre; word-spacing: 4px; margin-left: -10px; }
h2 { font-size: 18px; color: rgb(218, 37, 29); font-weight: 500; line-height: 150%; padding: 5px 5px 5px 0px; }

/*----------ESTRUCTURALES------------------------------------*/
#CONTENEDOR { width: 935px; position: relative; margin-left: -480px; left: 50%; height: auto;   }

#FOOTER{ position: relative;  width:100%; height:5%; border-top: #CACACA solid 1px; clear: both; margin-top: 40px; float: left; clear: both; bottom: 0;   }
#TXT_FOOTER { position:relative; width:960px; margin-left: -480px; left: 50%; padding-top: 5px; padding-left: 10px;  }
#TXT_FOOTER p { float: left;}
#lineas_footer { width:100%; position: relative; background: url(../img/lineas_footer.gif) repeat; height: 100%; min-height: 100%; margin-top: 40px;}

#HEADER {position: relative; height: 132px; width: 100%; background: url(../img/header_bk.jpg) repeat-x; }
#logo { position: relative; width: 270px; height: 132px; float: left; z-index: 10; margin-top: -132px; padding-left: 10px; }
#VR { position: relative; width: 120px; height: 130px; float: right; z-index: 11; margin-top: -128px; }
#img_desc { float: left; position: relative; width: 482px; margin-top: -132px; padding-left: 290px; _margin-top: -135px; }
/*
#VR a{cursor: pointer; border: 0; background: url(../img/img_vr.png) no-repeat; position: relative; width: 120px; height: 130px; float: right; z-index: 11; margin-top: -140px;}
#VR a:hover { background: url(../img/img_vr2.png) no-repeat; }
*/

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

.menu { position: relative; width: 935px; height: 30px; margin-left: 25px; padding-top: 10px;  margin-bottom: 5px; font-weight: bold; font-size: 16px;  }
/*.menu ul li {float: left; padding-left: 20px; padding-right: 20px; display: block; list-style: none;}*/

.lava { position: relative; height: 30px; width: 935px;  padding: 0px; margin: 0px 0px; overflow: hidden;   }
.lava li { float: left; list-style: none; }
.lava li.back {  background-color: rgb(218, 37, 29); width: 10px; height: 30px; z-index: 8; position: absolute; margin-top: -10px; }
.lava li a { text-decoration: none; color: #333; outline: none; text-align: center;  z-index: 10; display: block;
             float: left; height: 30px; position: relative; overflow: hidden;  }
.lava li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {  border: none; color: #FFF }                    

/*------------------------------------------------------------------------*/





/*----------HOME----------------------------------------------*/
#descripcion { position: relative; width: 935px; height: auto; margin-left: 15px;}
.linea { position: relative; width: 935px; height: 1px; border-bottom: #CACACA solid 1px; margin-top: -1px; clear: left; }



/*----------------------SLIDES HOME-------------------------------------*/
#WORK-on { width: 935px; position: relative; float: left;  height: 480px; margin-left: 20px; margin-top: -40px;  }

#WORK-img { position: relative; width: 625px; height: 360px; float: left; margin-top: 50px; z-index: 1; }

ul#slide_nav li,ul#wportfolio{ list-style:none; }
ul#wportfolio {position: relative; margin-left: 00px; z-index: 5}
ul#wportfolio img{ width: 625px; height: 360px; position: relative;z-index: 4  }

ul#slide-nav { margin-left: 10px; position: relative; width: 70px; float: left; margin-top: 5px; }

ul#slide-nav li { background-image: url(../img/slide/button_selected.png); display: block; float: left; height: 11px; list-style: none; 		
				  padding: 0px; margin: 0px; width: 7px; background-repeat: no-repeat; padding-left: 10px; cursor: pointer; }
				  
ul#slide-nav li#button_selected { background-image: url(../img/slide/button.png); background-repeat: no-repeat; cursor: pointer; }
ul#wportfolio-desc{ color: #666;  padding: 3px;  margin-left:0px; margin-top: -25px; position: relative; float: left;  }
ul#wportfolio-desc h2{ font-size:24px; margin-bottom:8px; color: rgb(218, 37, 29); text-transform: uppercase;  }
#slide-nav li:hover{ cursor: pointer; z-index: 5000; }
#slide_control { float: left;  position: relative;  }
ul#slide_control {  width: 300px; z-index:5000; }
ul li{ float:left;  }
#prev_button {background-image: url(../img/slide/b_anterior.gif); height: 30px; left: 0px; width: 125px; cursor: pointer; position: relative;}
#prev_button:hover {background-image: url(../img/slide/b_anterior_on.gif); height: 30px; left: 0px; width: 125px; cursor: pointer; position: relative;}
#next_button { background-image: url(../img/slide/b_siguiente.gif); height: 30px; left: 0px; width: 125px; cursor: pointer; position: relative;}
#next_button:hover { background-image: url(../img/slide/b_siguiente_on.gif); height: 30px; left: 0px; width: 125px; cursor: pointer; position: relative;}
p.txtwp { width: 230px; padding-left: 5px; font-size: 16px;  }
p.linkswp { font-size: 14px; font-weight: 600; margin-top: 10px; float: right; width: 300px; }
#folio { margin-top: 50px; margin-left: -85px;  z-index: 15; float: left; position: relative}
#botones_slide { position: relative; float: right; width: 300px; clear: both; z-index: 5000; margin-right: -25px; margin-top: 3px; }
#desc { position: relative; float: left; width: 230px; margin-top: 70px; margin-left:  20px; }
.clear{clear:both; display:block; overflow:hidden; width:0; height:0}
#slide_btn { width: 75px; position: relative; float: left;  z-index:5000; }

/*--------------------------------------------------------------------------------*/

#ARQ_PUB { position: relative; margin-left: 25px; width: 935px; float: left;  height: 700px;}
#PLOT { position: relative; margin-left: 25px!important; width: 935px; float: left;  height: auto; padding-bottom: 30px; *margin-left:35px;}
#LETREROS { position: relative; margin-left: 25px; width: 935px; float: left;  height: 700px;}
#CORPORA  { position: relative; margin-left: 25px; width: 935px; float: left;  height: auto; _margin-left: 0px;}
#CTC  { position: relative; margin-left: 25px!important; width: 935px; float: left;  height: auto; *margin-left:35px;}

.gal_flash { padding: 5px;}