#header h1 {
position: absolute;
text-indent: -9999px;
background-image: url(header-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	top:25px;
	left:8px;
}

#header h1 a{
	display:block;
	height: 101px;
	width: 298px;
}


#header p{
	color: #9CB5CE;
	position: absolute;
	top: 120px;
	margin-left: 50px;
}

#colbottom h2 a {
	display:block;
	height: 31px;
	width: 101px;
}

#colbottom h2 {
	position: absolute;
	text-indent: -9999px;
	background-image: url(col2-bottom-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	top:-25px;
	right:30px;
}



#col2-box {
color:#9CB5CE;
width: 140px;
	margin:10px;
}

#col2-box h2{
margin: 10px 0px;
	font-size:1em;
	color:#9CB5CE;
	border-top: 1px dotted #9CB5CE;
}

#col2-box ul li{
line-height:110%;
margin: 0 0 5px 0;
}

#col2-box a{
color:#9CB5CE;
}

#col2-box form{
background:none;
width:140px;
}

li.rss, h2.rss {
background:url(btn-rss.png) no-repeat 0 0;

height:26px;
}

li.rss a, h2.rss a{
font-weight:normal;
width:34px;
display:block;
padding:5px 0 5px 35px;
}

/* ----------------- CONTENT ----------------- */



#content h2{
background: url(title-fons.png) repeat 0 0;
padding: 4px 0 4px 20px;
color: #003F80;
}

#content p{
font-size:1.1em;
}

.posted{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 0 0 2px 0;
margin: 0 0 5px 0;
font-size:1em ! important;
border-bottom: 1px dotted #666;
}

#intro{
position:relative;
margin: 10px 0;
height: 200px;
padding:0;
background: none #F5F4EF;
}

#intro .content-col1{
text-align:center;
width: 90px;
height:120px;
padding:6px;
margin: -10px 10px 0 0;
}

#intro .content-col1 span{
display:block;
width:87px;
height:92px;
text-indent:-2000px;
background: url(5c.png) no-repeat center top;
padding:0; 
}

#intro .content-col2{
	width: 400px;
	font-size:1.2em;
	font-weight:normal;
	color: #666;
}

#intro .content-col2 li{
margin-bottom:8px;
}

#intro .content-col2 li strong{
color:#003F80
}

#intro .content-col2 li strong span{
color: #F93B00;
}


#articlehome h2{
margin:20px 0;}

#articlehome ul{
padding-top:10px;}

#articlehome li{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
color:#999;
}



.btn-leer {
padding-top: 5px;
background: url(btn-leer.png) no-repeat 0 0;
width:90px;
height:26px;
}

.btn-comments {
padding-top: 3px;
background:url(btn-comments.png) no-repeat 0 0;
width:130px;
height:26px;
}

li.rss {
background:url(btn-rss.png) no-repeat 0 0;
width:34px;
height:26px;
}
li.rss a{
display:block;
text-indent:-9999px;
}

p.comments_invite .btn-comments {
padding-top: 3px;
background:url(btn-comments.png) no-repeat 0 0;
width:130px;
}

.btn-leer a:link, 
.btn-leer a:visited,
.btn-comments a:link, 
.btn-comments a:visited {
padding: 0 0 0 28px;
color:	#666;
}

.btn-leer a:hover,
.btn-comments a:hover {
padding: 0 0 0 28px;
text-decoration:none;
color: #9CB5CE;
}

.article-tools .btn-comments {
		position:absolute;
		top:0px;
		left:95px;}
		
.article-tools {
	position: relative;
	height: 40px;
	margin: 0px 20px;
}



#articlehome{
position:relative;
}

#articlehome h3{
text-transform:uppercase;
}

#articlehome h2{
}

#articlehome h3 a{
color:#333;
}

#aticulos-col2{
width:165px;
}

#articlehome-bottom{
clear:both;
height:40px;
position: relative;
margin-bottom: 20px;

}

#articlehome-bottom a{
position:absolute;
top:-30px;
right:0px;
background:url(mas-page.png) no-repeat right 0;
text-indent:-9999px;
display:block;
height: 71px;
width: 81px;
}

#article-nav {
position:relative;
height:40px;
}

#article-nav li a{
color: #999;
display:block;
}

#article-nav li.prev{
position:absolute;
top:20px;
left:0;
}

#article-nav li.next{
position:absolute;
top:20px;
right:0;
}

#article-nav li.btn_anterior a{
position:absolute;
top:25px;
left:0;
width: 100px;
height:40px;
background:url(btn-ant.png) no-repeat left 0;
padding: 10px 0px 10px 40px;
}

#article-nav li.btn_siguiente a{
position:absolute;
top:25px;
right:0;
display:inline;
height:40px;
width: 55px;
background:url(btn-sig.png) no-repeat right 0;
padding: 10px 40px 10px 0px;
}


#article h3{
text-transform:uppercase;
margin:20px 0;
} 

#article h4{
padding:10px 0 0;
color:#666;
} 

#article ul{
margin: 5px 20px 20px 20px;
}


#article a{
color:#003F80;
}

#article li.cliente{
color: #333;
text-transform:uppercase;
font-weight:bold;
font-size:1.2em;
list-style:none;
background-image:none;
padding-left: 0;
}

#article li.cliente em{
font-weight: normal;
}

#article li, .article li{
font-size:1.1em;
	margin:.5em 0 0 10px;
	padding: 0 0 0 10px;
	color:#666;
	list-style:none;
	background: url(bullet.png) no-repeat left 3px;
}

#article ul li ul li{
font-size:1em ! important;
margin:.5em 0 0 5px;
}

#servicios li{
font-size:1.1em;
	margin:10px 0 0 10px;
	padding: 0 0 0 12px;
	color:#666;
	list-style:none;
	background: url(bullet.png) no-repeat left 3px;
}

#article a img{
border:none;
margin-bottom:10px;
}

div.company li strong{
}

div.company a:link,
div.companyt a:visited,
div.company a:active,
div.company a:hover
{
color:#003F80;
}

#director-top{
position:relative;
border-left: #CCC solid 1px;
}

#director-top h3{
position:absolute;
top:0;
left:280px;
}

#director-top p{
position:absolute;
top:30px;
left:280px;
}

span.lugar{
padding:0;
margin:0;
font-weight:normal;
color:#666;
}

/*-------------COMMENTS-----------*/

div.comment_form, div.theform{
background: url(form-fons.png) repeat 0 0;
margin: 20px 0 0 0;
padding: 20px;
}

form div.content-col1{
width:240px;
float:left;
padding:0px 5px 0 5px;
}

form div.content-col2{
width:240px;
float:left;
padding:0px 5px 0 5px;
}

form p{
font-weight:bold;
width: 242px;
margin: 0 0 10px 0;
background-color:#FFF;
}

textarea {
color: #666;
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
border: #999 solid 1px;
width: 240px;
height:110px;
}

select, input{
color: #666;
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
border: #999 solid 1px;
height:20px;
}

input.comment_name_input, input.comment_email_input, input.comment_web_input{
width: 240px;
}

input#forget{
border: #999 solid 1px;
height:15px;
width: 15px;
}



form a#txpCommentHelpLink {
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
display:block;
color: #666;
background: url(btn-textile.png) repeat 0 0;
padding:10px 0 0 10px;
margin: 10px 0 0 0px;
width:95px;
height:20px;
border: none;
}

div.comments-bottom {
position:relative;
clear:both;
height:40px;
}

form input#preview{
position:absolute;
left:-80px;
color: #666;
background: url(btn-previsualizar.png) repeat 0 0;
padding:0 0 0 -20px;
width:105px;
height:31px;
border: none;
}

div.comments-bottom .button {
position:absolute;
top:0;
left:30px
}

div.theform form p{
width: 352px;
}

div.theform textarea, div.theform input{
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
border: #999 solid 1px;
color: #666;
width: 345px;
padding: 4px 0 0 5px;
}

div.theform select{
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
border: #999 solid 1px;
color: #666;
width: 350px;
}

div.theform select{
width: 350px;
}


div.theform textarea.zemRequirederrorElement{
height:150px;
}

div.theform input#zemSubmit{
background: url(btn-submit.png) repeat 0 0;
padding:0 0 0 0px;
margin: 10px 0 0 234px;
width: 92px;
height:31px;
border: none;
}

.button {
/*position:absolute;*/
top:0;
background: url(btn-submit.png) repeat 0 0;
padding:0 0 0 0px;
margin: 10px 0 0 234px;
width: 92px;
height:31px;
border: none;
}
div.theform ul.zemError, div.comments_error {
color:#FF3300;
background-color: #FDD9CF;
padding: 10px;
margin-bottom: 10px;
}

div.theform ul.zemError li{
cursor:hand;
padding:0;
margin:0;
list-style-image:none;
list-style:none;
color:#FF0000;
}


ol.comments{
background: url(comments-fons.png) repeat 0 0;
margin: 10px 0 0 0;
padding: 20px;
}

ol.comments li{
background-color:#FFF;
margin: 5px 100px;
padding: 5px;
color: #666;
}

ol.comments a {
color: #003F80;
}

.article{
margin: 20px 20px 0px 20px;
}

.article h3 a:link, .article h3 a:visited,
.article h3 a:hover, .article h3 a:active{
padding: 10px 0px;
color:#333;
}

.article p{
margin: 1em 0px;
}

.article a{
color:#003F80;
}


.input-search{
margin-top:10px;
font: 1em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
border: #999 solid 1px;
color: #666;
width:138px;
}

.search{
background: url(btn-search.png) no-repeat 0 0;
border:none;
width:74px;
height:26px;
}




#highlights {
	height: 13em;	
}



#high1, #high2, #high3 {
position:relative;
margin: 0 .5em 0 0;
float:left;
width:183px;
height: 13em;
background: none #F5F4EF;
}

#high3 {
margin:0 ! important;
}

#highlights h2 {
font-size: 1.1em;
padding:.5em 0 0 0;
margin: 0 0 0 -12px;
text-align:center;
background: none ! important;
width:180px; 
float:left
}
#highlights h2 a{
color:#FFFFFF
}

#highlights p {
padding:.5em;
}

#high1 .mas, #high2 .mas, #high3 .mas{
position:absolute;
right: 0;
bottom: 6px;
padding:0;
margin:0; 
}

#high1 .mas a, #high2 .mas a, #high3 .mas a{
line-height:1.5em;
padding:0 6px 0 0;
margin:0;
font-weight:bold;
color: #F30;	
}

.corners-top{
position:relative;
height:12px;
width:100%;
}

#highlights .corners-top{
background:none repeat-x  left -30px #004080;
height:2.5em;
width:100%;
}


.corners-top .left{
background:url(corners-line-top-L.png) no-repeat top left;
height: 12px;
 width:12px;
 } 

.corners-top .right{
 position:absolute;
background:url(corners-line-top-R.png) no-repeat top right;
height: 12px; width:12px;
float:right;
right: 0; top:0;
}

.corners-bottom{
position:absolute;
bottom:0;
right:0;
width:100%;
background:url(corners-line-bottom-R.png) no-repeat bottom right;
height: 12px;
}

.corners-bottom .left{
background:url(corners-line-bottom-L.png) no-repeat bottom left;
height: 12px;
width:12px;
bottom:0;
}