/*
Theme Name: ABZ2010
Description: Diseño Gráfico
Version: 1.0
Author: Giovanni Martínez Castagnoli
Author URI: http://www.abz.cl
Tags: simple, slider, withe.	
*/

*
{
  padding: 0;
  margin: 0;
}


#wrapper
{
  margin: 0 auto;
  width: 950px;
  overflow: hidden;

}

hr
{
  display: none;
}

/* @ rounded corners in mozilla and apple browsers */
	.page-nav, .fboxes, .hentry, .postwrap, #highlight, .widget, #sidebar #accordion, #content .wp-pagenavi, #content .wp-pagenavi a, #content .wp-pagenavi .current, #portafolio, #Servicios,#slide_frame, div.button, #featurenav a{
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	#drag_drop_sidebar h3{
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-khtml-border-top-left-radius: 10px;
		-khtml-border-top-right-radius: 10px;
	}

	.post-footer, .navigation,  #drag_drop_sidebar .drawer-content{
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-khtml-border-bottom-left-radius: 10px;
		-khtml-border-bottom-right-radius: 10px;
	}

/* ________________________________________________BODY CSS_________________________________________________*/

body {		
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;		
		line-height:18px;		
		font-size:12px;
		background: #f2f2f2  url(images/background4.jpg);
		color:#333333;
	}
	
/* DEFAULT FONT */
body {
font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}


/*PRIMARY HEADERS FONT */
h1, h2 { 
font-family: Myriad Pro, "Lucida Grande","Lucida Sans Unicode",Trebuchet MS,Arial;

}

/*SECONDARY HEADERS FONT */
h3, h4, h5 {
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
	
a {text-decoration: none; color: #000000;} /* LINK COLOR */

a:hover {text-decoration: underline;}

p,.p {margin-bottom: 15px;}

img {border: none;}

ul li {	margin: 0px;}


.hentry ul {list-style-type: disc;margin: 5px 0px 15px;padding-left: 20px;}

ol {list-style-type: decimal;margin: 5px 0px 15px;padding-left: 20px;}

.hentry li {padding: 3px 0;}

form {margin: 0px;padding: 0px;}

small {	font-size: 85%;}

hr{border: none; border-top: 1px solid #fff; border-bottom: 1px solid #ddd;margin-bottom: 1.5em;}

blockquote{background: #f7f7f7; padding: 10px 15px;margin: 0 0 1em 2.5em;font-size:.9em;border: 1px solid #ddd;clear: both}


/* ________________________________________________FIN BODY CSS_________________________________________________*/






/* _________________________________________HEADER MENU SUPERIOR  CSS_____________________________________*/


Top part CSS
*/
#top {
	width: 950px;
	height: 0px;
    margin: 0px auto;

}

#topleft {
	float: left;
	height: 32px;
	padding-left: 0px;
}




#topright {
	float: right;
	height: 32px;
	padding-right: 10px;
}



/* ____Page navigation CSS (TOP Right)______________________________*/
.date {
        font-size: 11px;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-weight: bold;
	padding: 9px 13px 0px 0px;
	text-align:right;
	color:#181818;
	}
	
	
/* ____Page navigation CSS (TOP LEFT)______________________________*/

#menu {
	float: left;
	height: 32px;
	padding-top: 1px;
	padding-bottom: 1px;
	/*border-left: 1px solid #282828;*/
	z-index: 20;
}

#menu li {
	float: left;
	display: block;
	height: 32px; 
	/*border-right: 1px solid #666666;*/
}

#menu li ul li {
	height: 32px;
	border-right: 0;
	/*border-bottom: 1px solid #666666;*/
	width: 100%;
}


/*____colores de botones___*/


#menu li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px; 
    padding-bottom: 2px;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
    text-decoration: none;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}


#menu li.current_page_item a {
	background: #e5e5e5;
	color: #666666;
}

/*____Rollover boton___*/

#menu li.current_page_item a:hover {
	background: #CCCCCC;
	color: #181818;
}

#menu li a:hover {
	background: #CCCCCC;
	color: #181818;
}

/*____FIN Rollover boton___*/


#menu ul {
	display: none;
	z-index: 99;
	position: absolute;
}

#menu ul li a {
	display: block;
	background: #FFF;
}

#menu li ul a:hover {
	display: block;
	background: #FFF;
}

#menu ul a {
	display: block;
}

#menu ul ul {
	margin-top: -27px;
	display: none;
	margin-left: 198px;
	position: absolute;
	/*border-left: 1px solid #282828;
	border-right: 1px solid #282828;*/
}

#menu li:hover ul ul {
	display: none;
}
#menu li:hover ul {
	display: block;
}
#menu ul li:hover ul {
	display: block;
}
#menu li ul li {
	display: block;
	width: 100%;
}

#menu li.page_item ul {
	border-top: 2px solid #282828;
	width: 200px;
}

#menu li.page_item a {
	display: block;
}

#menu li.page_item a:hover {
	display: block;
}

#menu li.page_item ul li a {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: #fff;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
	color: #181818;
        text-decoration: none;
}

#menu li.page_item ul li a:hover {
	display: block;
	text-align: left;
	height: 24px;
	line-height: 24px;
	border-right: 1px solid #282828;
	border-left: 1px solid #282828;
	background: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #181818;
}

/* ________________________________________________*/




/* ________________________________________________HEADER_________________________________________________*/
#header {
          font-size: 26px;
          font-weight: bold;
	  	  text-decoration:none;
          font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
          margin: 0 auto;
          height: 278px;
          width: 950px;
          padding: 0;
          background: url("images/header.jpg");
          }


img#logo { clear:both; margin: 10px 80px 0px 0px; border: thin; float: right; }

.header-title {
       font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#181818;
	font-size:13px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
    font-weight: bold;
	}
.header-title a{
	color:#181818;
	text-decoration:none;
	border-bottom:none;
        font-weight: bold;
	}
.header-title a:hover{
	color:#181818;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
       font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#181818;
	font-size:11px;
	padding: 3px 0 0 0;
	text-align:center;
        font-weight: normal;
	}

.ads{	
	float: right;
	margin-right: 28px; 
        margin-top: 8px;
        margin-bottom: 0px;
}

.ads.125ads {
	padding:3px 0 0 0;
	text-align:left;
	}

.ads h2 {
	color: #181818;
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 3px 0;
	text-align:center;
	}

.ads img { 
      padding: 4px;
      border: #282828 1px solid;
      background: #282828;
      }

.ads a:link img  { 
      padding: 4px;
      border: #282828 1px solid;
      background: #282828;
      }

.ads a:hover img  { 
      padding: 4px;
      border: #35a0fe 1px solid;
      background: #35a0fe;
      }
 
/* _________________________________________FIN HEADER  CSS_____________________________________*/	




  
	  
	  
/* _________________________________________SLIDE FEATURED  CSS_____________________________________*/	   
	  
#slide_frame {

	width: 920px;
	height: 240px;
	padding: 12px;
	margin-top: 20px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff url(images/post-bg.png) repeat-x left bottom;
}




/* _________________________________________FIN FEATURED  CSS_____________________________________*/







/* ___________________________________________CONTENT  CSS_______________________________________*/


#content
{
		width: 625px;
		float: left;
		margin-top: 20px;
		
}




/*- Post Title -*/
h2
{
	font-size: 30px;
	letter-spacing: -1px;
	margin: 0 0 .45em;
	color: #222222;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	
} 

/*- Post Date -*/
.post-date {
	margin: 0 0 1.25em;
	color: #000000;
}
.post-date a {
	color: #000;
	
}
.post-date em {
	/*background: #eee;*/
	color: #000;
	font-size: .9em;
	font-style: normal;
	padding: 5px 5px;
	line-height: 1.75em;
	margin-left: 20px;
}

/*- Post -*/
.post
{

  color: #4A2C00;
  padding-left: 5px;
  font-size: 1.1em;
  width: 625px; /* width of title area for posts & pages */
  padding: 30px 0px 0px 0px;
  float: left;
  	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #FFFFFF;
	z-index: 5;
	margin-bottom: 10px;
}

/*- Post TEXT -*/ 
.entry
{
	background: #fff url(images/post-bg.png) repeat-x left bottom;
	clear: both;
	overflow: hidden;
	border: 1px solid #fff;
	border-bottom: none;
	font-size: 13px;
	float:left;
	width: 583px;
	font-style: normal;
	padding: 0px 20px 10px 20px;
	
}
 



/* highlight */
.hl, .hl2 {
	background: url(images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.hl2 {
	background: none;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	margin: 0 0 .8em;
}



/* Metadata */

.post-footer {
	background: url(images/box-bgr2.gif) #eee repeat-x top;
	height: 32px;
	padding: 10px 0px 0px 20px;
}

.postmetadata
{
  padding: 2px;
  font-size: 0.8em;
}
 
.postmetadata a
{
  color: #4a2c00;
}


/* _________________________________________FIN CONTENT  CSS_____________________________________*/









/* _________________________________________SINGLE POST  CSS_____________________________________*/
.navigation
{
	background: url(images/box-bgr2.gif) #eee repeat-x top;
	height: 32px;
	padding: 10px 0px 0px 20px;
}


.alignleft
{
  float: left;
  text-align: left;
  width: 90%;
}
 
.alignright
{
  float: right;
  text-align: right;
  width: 50%;
  padding-right: 20px;
}


/* Comentarios */
ol.commentlist
{ 
  margin: 0 auto;
}

h3#comments
{
margin-left: 20px;
padding-bottom:20px;
color: #666666;
font-size: 19px;
}


ol.commentlist li
{
  margin-bottom: 1.5em;
  padding: 5px;
  width: 583px;
  font-size: 13px;
 }

    
ol.commentlist li.alt
{
  
}
 
ol.commentlist a
{
  color: #333333;
  font-size: 11px;
}
 
small.commentmetadata
{
  font-size: 0.8em;
  margin-bottom: 1em;
  display: block;
}

ol.commentlist li.commenthead { 
        display:block;
        list-style:none;
        margin:0;padding:5px 0px;
}



ol.commentlist li { 
        display:block;
		list-style:none;
}

#respond h3
{
margin-left: 20px;
padding-bottom:5px;
color: #666666;
font-size: 19px;
}

#respond p
{
margin-left: 20px;
padding-bottom:0px;
color: #666666;
font-size: 11px;
}
/*Introducir Comentarios */



input#url,input#author,input#email,textarea { 
        color:#666;
        width: 400px;             
        font-weight:normal;
        font-size:13px;
        margin-top:2px;padding:3px;
}

/* Boton de posteo--*/
#commentform input { 

        margin:0px 0px 10px 0px;
        padding:5px;
        background: #CCFF00;
        color:#000000;
        font-weight:700;
		font-size:13px;
}



ol.tblist { 
        margin:0 0 1px;
        padding:4px 3px;
        list-style:none;
}

ol.tblist li { 
        padding:2px 0 0 0;
        margin:0; 
        display:block;
        list-style:none;
}
/* ______________________________________________________________________________________________*/




#portafolioweb
{
    width: 100%;
	display: inline; /* IE thing */
	float: left;
	height: 100px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff url(images/portafoliosonline.jpg) repeat-x;
	margin-top: 10px;
	
}


.portafolio {

float: left;
padding: 0px 0px 0px 0px;
width: 80px;
height: 86px;
padding: 7px 20px 7px  20px;

}

#portafolioweb a:hover {
text-decoration: none;
}
  

#portafolioweb h3 {
	font-size:1.3em;
	line-height:1.4;
	padding: 7px 0 0px 0px;
	font-weight: bold;
}


#portafolioweb p {
	font-size: 12px;
	line-height:1.4;

}









#portafoliopdf
{
    width: 100%;
	display: inline; /* IE thing */
	float: left;
	height: 100px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff url(images/portafoliosonline.jpg) repeat-x;
	margin-top: 10px;
	
}




#portafoliopdf a {

float: left;
padding: 0px 0px 0px 0px;
width: 80px;
height: 86px;
padding: 7px 20px 7px  20px;

}

#portafoliopdf a:hover {
text-decoration: none;
}
  

#portafoliopdf h3 {
	font-size:1.3em;
	line-height:1.4;
	padding: 7px 0 0px 0px;
	font-weight: bold;
}


/* _________________________________________SIDEBAR  CSS_____________________________________*/

#sidebar {
	color: #444;
	margin:0;
	padding: 0;
	width: 300px;
	font-size: 13px;
	float: left;
	margin-left: 20px;
	margin-top: 20px;

}


#sidebar p { margin: 0px 0px 15px; }
#sidebar h2{ font-size: 20px; margin-bottom: 5px; }

#sidebar a {  }
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { text-decoration:underline; }

#sidebar ul { list-style: none; margin: 0;	padding: 0;}
#sidebar ul li {	
	padding: 7px 0;
}
#sidebar ul li ul li {
	padding: 4px 4px 4px 12px;

}

#welcome
{
width: 300px;
text-align:left;
font-size:22px;
font-weight:lighter;
text-align:left;
padding: 0px 0px 12px 5px;
line-height: 26px;

}


#welcomemassage p {
font-size: .95em;
color: #555;
padding: 0px 0px 0px 5px;
}





#portafolio {
	display: inline; /* IE thing */
	float: left;
	width: 300px;
	height: 100px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff  url(images/portafolio.png) no-repeat;
	margin-top: 10px;
	
	
}


#portafolio h3 {
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
	padding: 5px 0 0px 12px;
	font-weight: bold;
}


#portafolio p {
  margin-bottom: 0px;
  font-size: 11px;
  padding: 0px 0 5px 12px;
  float: left;
  width: 210px;
  }
  
#portafolio ul {
  list-style-type: none;
  margin-top: 5px;
  }
#portafolio ul li, #morefoot p {
  font-size: 11px;
  }

#portafolio a {

padding: 0px 0px 0px 15px;



}

#portafolio a:hover {
text-decoration: none;
  }
  
  
/* _________________________________________FIN SIDEBAR  CSS_____________________________________*/



/* _________________________________________ALT SIDEBAR  CSS_____________________________________*/
#Servicios {
	display: inline; /* IE thing */
	float: left;
	width: 260px;	
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff url(images/post-bg.png) repeat-x left bottom;
	margin-top: 10px;
	padding: 20px 20px 20px 20px;
}


#Servicios h3 {
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
	padding: 0 0 2px 0;
	font-weight: bold;
}


#Servicios p {
  margin-bottom: 10px;
  font-size: 11px;
  }
  
  
#Servicios ul {
  list-style-type: none;
  margin-top: 5px;
  }
#Servicios ul li, #morefoot p {
  font-size: 11px;
  }
#Servicios ul a {
  text-decoration: none;
  color: #333;
  font-size: 11px;
  }
#Servicios a:hover {
  text-decoration: underline;
  }
  
  


#Servicios li {
  margin-bottom: 5px;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
  }
  
/* _________________________________________FIN ALT SIDEBAR  CSS_____________________________________*/












/* ___________________________________________FOOTER  CSS________________________________________*/
#addons
{
	width: 946px;
	height: 253px;
	float: left;
	margin: 20px 0px 0px 0px;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #e4e4e4;
	background: #fff url(images/post-bg.png) repeat-x left bottom;
}



.fboxes .fbox {
	display: inline; /* IE thing */
	float: left;
	width: 315px;
	
	
}

.fboxcopy {
	padding: 18px 30px;
}

.fboxes p {
  margin-bottom: 10px;
  }
.fboxes ul {
  list-style-type: none;
  margin-top: 5px;
  }
.fboxes ul li, #morefoot p {
  font-size: 11px;
  }
  
.fboxes ul a {
  text-decoration: none;
  color: #333;
  font-weight:bold;
  }
  
.fboxes a:hover {
  text-decoration: underline;
  }
  
  
.fboxes h3 {
	font-size:1.3em;
	line-height:1.4;
	margin-bottom:0.3em;
	padding: 0 0 2px 0;
	font-weight: bold;
}

.fboxes li {
  margin-bottom: 5px;
  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */
}
  
#morefoot {margin-top: 2em;}
#morefoot p{font-size: .9em;}
#morefoot li {margin-left: 10px;}
#morefoot li a {text-decoration: none;}



div.button
 {	
 top:0px; left: 0px;
 border-bottom: 1px solid #bbb;
 border-right: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-top: 1px solid #e4e4e4;
 background: url(images/asociados1.png) no-repeat;
 height: 62px;
 width: 262px;
	
}
div.button a  { height: 62px;
 width: 262px; display:block;}
 
 
/*div.button a:hover { background:url(images/asociadoshoover.png);}*/


/*___footer info_____*/
#footer
{
  clear: both;
  width: 950px;
  height: 20px;
  padding: 5px 0px 5px 0px;
  margin: 20px 0px 20px 0px;
}


.footer-menu
{
float: left;
padding-left: 20px;
}

.credits
{
float:right;
padding-right: 20px;
}

.footer-menu a {
		color: #000000;
        text-decoration: none;
		margin-right: 20px;

}

.footer-menu a:hover {
	color: #181818;
	text-decoration: underline;
}




/*___________________________________________POP___________________________________________*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position: fixed;
  left:30%;
  top:10%;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;

}

#boxes #dialog {
  width:602px; 
  height:480px;
  background: #000000;
  padding: 10px;
  color: #999999;
  font-size:11px;
}



#boxes #dialog a {
  color: #999999;
  display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}



/*________________________________________PORTAFOLIO_________________________________________*/