/*------------------------------- generales ---------------------------------*/
body{margin:0;padding:0;background:#fff url(images/bg.gif) repeat-x;font:70% Arial, Helvetica, sans-serif;color:#555;text-align:center;line-height:180%}
a{text-decoration:none;color:#d7722f}
a:hover{text-decoration:none;color:#999}
img{border:0}
h1{font-size:200%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h2{font-size:180%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h3{font-size:180%;font-family:Arial, Helvetica, sans-serif;font-weight:normal}
h4{font-size:120%;font-family:Georgia, Times New Roman, serif;font-weight:normal}
p{margin:1em 0}
h2,h3,h4{padding:0;margin:1em 0;clear:both}
table, input, textarea, select, li{font:100% Arial, Helvetica, sans-serif;color:#555;line-height:180%}
/*------------------------------- layout ---------------------------------*/
#container{margin:0 auto;width:988px;text-align:left;position:relative}
#header{height:175px;border-bottom:1px solid #e1e1e1;background:url(images/header6.jpg) no-repeat}
#header h1{margin:0;padding:0;position:absolute;top:0;left:20px;height:132px;width:620px;text-indent:-8000px;overflow:hidden}
#header h1 a{display:block;width:80px;height:132px}	
#slogan{display:none}
/*------------------------------- nav ---------------------------------*/
#nav, #nav li{margin:0;padding:0;list-style:none;height:40px;line-height:40px} 
#nav{position:absolute;float:left;top:133px;left:0;z-index:10}
#nav li{float:left;display:inline;margin-right:28px;font-weight:bold}
#nav a{float:left;height:40px;line-height:40px;text-transform:uppercase;color:#555}
#nav a:hover{color:#aaa}
#language{position:absolute;top:147px;right:0;text-align:right;margin:0;padding:0;float:left;font:110% "Courier New", Courier, mono}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after, #footer:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden;}
#content, ul, li, #footer, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html #footer, * html p{height:1%}
#content, ul, li, #footer, p{display:block}
/* End hide from IE-mac */
/* end float fix */
#content{/* background:url(../images/content_back.gif) repeat-y; */padding-bottom:1em}
.left{float:left;display:inline;width:250px}
.left{float:left;display:inline;width:250px}
.category{margin:0;font:110% "Courier New", Courier, mono;color:#d7722f;text-transform:uppercase;line-height:28px;height:28px;letter-spacing:.3em;background:url(images/dotted.gif) no-repeat 0 100%;margin:0px;padding:13px 0 0 0}
/* ------------------------------ items ---------------------------------*/
ul.items ul{margin:0;padding:0}
ul.items li li{margin:0;padding:0 0 0 2em;background:none}
ul.items{margin:0;padding:0}
ul.items, ul.items li{margin:0;padding:0;list-style:none}
#works ul.items li{background:none;padding:0px}
#works .foto2{height:157px;overflow:hidden}
.items li img{border:1px solid #d7d7d7}
.items a:hover img{border:1px solid #d7722f}
.main ul.items li, .item{font-size:110%}
.main ul.items li{background:url(images/dotted.gif) no-repeat 0 0}
ul.items2{margin:0;padding:0}
ul.items2, ul.items2 li{margin:0;padding:0;list-style:none}
ul.items2 li{background:url(images/dotted.gif) no-repeat 0 100%;padding:.5em 0}
/* ------------------------------ menus dinamicos ---------------------------------*/
.menu-dinamico{padding:0;margin:0}
.li-dotted{background:url(images/dotted.gif) no-repeat 0 0;padding:.5em 0 0 0;margin-top:.5em}
.li40{padding-left:40px}
.li70{padding-left:70px}
.works{background:url(images/dotted.gif) no-repeat 0 100%;padding:.5em 0}
/* ------------------------------ left ---------------------------------*/
.left ul.items a{color:#555}
.left ul.items a:hover{color:#555;text-decoration:underline}
ul.items h3, ul.items p{margin:.5em 0}
.left h2{font-weight:bold;margin-bottom:0;padding:.5em 0 .5em 1.3em;background:url(images/left-h3-bg.jpg) no-repeat 0 100%;color:#333}
/* ------------------------------ mas ---------------------------------*/
p.mas{margin:1em 0}
.mas a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg.jpg) no-repeat 0 0;padding:7px 96px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas a:hover{color:#333}
.mas-en a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg.jpg) no-repeat 0 0;padding:7px 146px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas-en a:hover{color:#333}
.mas2 a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-2.jpg) no-repeat 0 0;padding:7px 105px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas2 a:hover{color:#333}
.mas3 a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-3.jpg) no-repeat 0 0;padding:7px 74px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas3 a:hover{color:#333}
.mas4 a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-4.jpg) no-repeat 0 0;padding:7px 93px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase;margin:0 0 0 20px}
.mas4 a:hover{color:#333}
.mas5 a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-5.jpg) no-repeat 0 0;padding:7px 64px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas5 a:hover{color:#333}
.mas5-en a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-5.jpg) no-repeat 0 0;padding:7px 123px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas5-en a:hover{color:#333}
.mas6 a{float:left;height:41px;line-height:18px;background:#fcfcfc url(images/mas-bg-6.jpg) no-repeat 0 0;padding:7px 79px 0 25px;font-size:10px;color:#d7722f;text-transform:uppercase}
.mas6 a:hover{color:#333}
.mas-index p{float:left}
/* ------------------------------ main ---------------------------------*/
.main{float:left;display:inline;width:450px;margin:0;margin-left:40px}
.main h2{font-weight:bold;margin-bottom:0;padding:2em 0 .7em 1.3em;background:url(images/index-news-bg.jpg) no-repeat 0 0;color:#333}
.main h1{font-weight:bold;margin:0;padding:.9em 0;background:url(images/dotted.gif) no-repeat 0 100%;color:#555;font-size:240%}
.main h2{font-weight:bold;margin-bottom:0;padding:2em 0 .7em 1.3em;background:url(images/index-news-bg.jpg) no-repeat 0 0;color:#333}
.main h3{margin:1em 0 .5em 0;background:url(images/dotted.gif) no-repeat 0 0;padding-top:.5em;color:#333;font-size:200%}
.main li h3{padding:0;background:none;border:none;font-weight:bold;font-size:120%}
/* ------------------------------ right ---------------------------------*/
.right{float:left;display:inline;width:208px;margin:0;margin-left:40px}
.right h2{font-weight:bold;margin-bottom:0;padding:.5em 0 .5em 1.3em;background:url(images/right-h3-bg.jpg) no-repeat 0 100%;color:#333}
.right li h2{padding:0;background:none;border:none;font-weight:bold;font-size:120%}
/* ------------------------------ seccion ---------------------------------*/
.seccion{float:left;display:inline;width:698px;margin:0;margin-left:40px}
.seccion p{font-size:110%;line-height:2em;text-align:justify}
.seccion h1{font-weight:bold;margin:0;padding:.9em 0;color:#555;font-size:240%;line-height:1em}
.seccion h3{margin:1em 0 .5em 0;background:url(images/dotted.gif) no-repeat 0 0;padding-top:.5em;color:#333;font-size:200%}
.seccion ul{margin:0;padding:0}
/* ------------------------------ form index ---------------------------------*/
.inputINDEXl{border:1px solid #ccc;width:200px}
.inputINDEXp{border:1px solid #ccc;width:140px;margin-right:5px}
.inputBOTON{border:1px solid #ccc;background:#ccc;color:#333;margin-right:10px}
.inputAREA{border:1px solid #ccc;width:400px;height:150px;overflow:auto;font-size:110%}
/* ------------------------------ form contact ---------------------------------*/
form{margin:0;padding:0}
form label{display:block;font-size:90%}
#form p{margin:.5em 0;float:left;width:250px}
.inputField{border:1px solid #ccc;width:450px}
.inputArea{border:1px solid #ccc;width:450px;height:150px;overflow:auto;font-size:110%}
p.submit{margin:1em 0;padding:1em 0;clear:both}
/* ------------------------------ botón atrás ---------------------------------*/
#back{float:left;width:698px;text-align:center}
#back a{color:#fff;font-weight:bold;background-color:#999;padding:3px 3px 3px 5px}
/* ------------------------------ footer ---------------------------------*/
#footer{border-top:1px solid #e1e1e1;color:#555;margin:0 auto;width:988px;text-align:left;padding:1em 0}
/* ------------------------------ dinámico ---------------------------------*/
.textoHTML{font-size:110%;line-height:2em;text-align:justify}
.imgOnLeft{padding:0 20px 15px 0;float:left}
.imgOnRight{padding:0 0 15px 20px;float:right}
.linkHTML{font-weight:bold;letter-spacing:0.3em;padding-top:10px}
.linkHTML a{color:#f90;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.linkHTML a:hover{color:#666}
.downHTML{font-weight:bold;padding:10px 0 1px 30px;background-image:url(images/icon-down.jpg);background-repeat:no-repeat;background-position:0em 0.9em}
.downHTML a{color:#666;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.downHTML a:hover{color:#000}
.linkLISTA{list-style:none;padding:0 0 30px 30px;margin:0px}
.linkLINEA{font-weight:bold;padding:10px 0 2px 30px;background-image:url(images/icon-link.jpg);background-repeat:no-repeat;background-position:0em 0.9em}
.linkLINEA a{color:#666;letter-spacing:0em;text-decoration:none;border-bottom:1px dashed #960}
.linkLINEA a:hover{color:#000}
/* ------------------------------ foto ---------------------------------*/
.foto{width:300px;height:225px;overflow:hidden}
/* ------------------------------ thumbs ---------------------------------*/
.thumbs{float:left;width:698px;margin-bottom:30px}
.thumbs .item{float:left;width:200px;height:150px;overflow:hidden;padding:1em}
.thumbs td{vertical-align:top}
.thumbsTEXT{text-align:center;float:left;width:200px;clear:both}
/* ------------------------------ pagLEFT ---------------------------------*/
.pagLEFT{float:left;height:30px;word-spacing:1em}
/* ------------------------------ colors ---------------------------------*/
.b3{color:#333}
.b6{color:#666}
.b9{color:#999}
.naranja{color:#d7722f}
.error{color:#900;font-weight:bold}
/* ------------------------------ decoration ---------------------------------*/
.text-p{font-size:90%}