/*
	Theme Name: ChileCambió
	Theme URI: http://www.chilecambio.cl
	Description: ChileCambió, Marco Enríquez-Ominami.
	Version: 1.1
	Author: Álvaro Quezada Marin, Orelworks.com
	Author URI: http://www.orelworks.com/
*/

@font-face { font-family: HelveticaNuecond; src: url('fonts/HelveticaNeueLTStd-Cn.otf'); }
@font-face { font-family: HelveticaNuecond; font-weight: bold; src: url('fonts/HelveticaNeueLTStd-MdCn.otf'); }
@font-face { font-family: Avenir; font-weight: 700; src: url('fonts/AvenirLTStd-Heavy.otf'); }
@font-face { font-family: Avenir; font-weight: 700; font-style: oblique; src: url('fonts/AvenirLTStd-HeavyOblique.otf'); }
html {font-size:14px;}
body { font-size: 62.5%; margin:0; font-family: Arial, Helvetica, sans-serif; color:rgb(60,60,60); background: rgb(230,230,230) url(images/bg.png) repeat-x; }

ul, ul li, ol, ol li, dl, dl dt, dl dd, form, table, img, h1, h2, h3, h4, h5, h6, label, fieldset, blockquote { padding: 0; margin: 0; border: none; }
ul li, ol li { list-style-type: none; }
a       { color: rgb(0,61,142); text-decoration: none; }
a:hover { text-decoration: underline;  }

a.a-button { display: inline-block; margin: 12px 0; }

p       { margin: 0 0 12px 0; }
.right  { float: right; }
.left   { float: left; }
.clear  { clear: both; height: 0 auto; }

table            { border-collapse: separate; border-spacing: 0; }
caption, th, td  { font-weight: normal; }
table, td, th    { vertical-align: middle; }

img { border: none; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

a.linkDownload { background: rgb(164,222,146) url(images/px.png) repeat-x top left; color: black; border: 1px solid rgb(129,179,114); display: inline-block; padding: 10px 12px; font-weight: bold; font-size: 1.2em; -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px; text-shadow: white 0px 1px 0px;}
a.linkDownload:hover { background-color: rgb(200,235,190); text-decoration: none; }

a.buttonDest { background: rgb(230,230,230) url(images/bgbuttonDest.png) repeat-x; display: inline-block; width: 300px; font-size: 1.3em; font-weight: bold; padding: 20px 20px; text-shadow: white 0px 1px 0px; -moz-border-radius: 4px;-khtml-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0px 1px 1px; margin: 0 6px 12px 6px; border: 1px solid rgb(200,200,200); }
a.buttonDest:hover { background-image: none; text-decoration: none; }

a.moreLink { display: block; padding: 30px 0 0 0; font-size: 1.1em; font-family: Avenir, Arial, Helvetica, sans-serif; text-transform: uppercase; }

#breadcrumb { margin: 0 0 20px 0; }

blockquote#claimPost { font-size: 1.2em; font-weight: bold; margin: 0 0 30px 0; padding: 0 30px 18px 30px;  border-bottom: 1px solid rgb(200,200,200); font-style: oblique; }
blockquote#claimPost h2 { margin: 0 0 12px 0; font-family:Georgia, "Times New Roman", Times, serif;  }

.banner_dicom a {
display:inline-block;
height:84px;
overflow:hidden;
position:relative;
}

.banner_dicom
a:hover img
{
position:relative;
top:-85px;
}

/* @input */

input,textarea { border: 1px solid rgb(180,180,180); padding: 8px 9px; font-size: 1.1em; background: rgb(240,240,240) url(images/bgInput.png) repeat-x top left; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-top: 1px solid rgb(140,140,140); }
input.checkbox { border: none; padding: 0; width: auto; height: auto; margin: 0 12px 0 0 !important; }

input.button,input[type="submit"] { font-size: 1.3em; padding: 10px 12px; background: rgb(90,90,90); color: rgb(220,220,220); cursor: pointer; text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;  border: none; -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 3px; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;}
input.button:hover { background-color: rgb(100,100,100);  color: rgb(255,255,255); text-shadow: rgba(0,0,0,0.8) 0px 1px 0px;}
input[type="submit"]
{
font-size:1.8em;
}
/* @titles */

#mainTitle { font-family: Avenir, Arial, Helvetica, sans-serif; position: absolute; top: 0; left: -12px; height: 48px; font-weight: 700; color: rgb(255,255,255); background:rgb(0,61,142)  url(images/bgmainTitle.png); z-index: 1; text-align: left; display: inline-block;  }
#mainTitle h1 { height: 48px; background: url(images/bgmainTitle-left.png) no-repeat top left; padding: 0 30px 0 42px; text-transform: uppercase; text-shadow: rgba(0,0,0,0.8) 0px 1px 0px; line-height: 230%; }

.mainTitle { font-family: Avenir, Arial, Helvetica, sans-serif; position: absolute; top: 0; left: -42px; min-width: 324px; width: auto !important; width: 324px; height: 48px; font-weight: 700; color: rgb(255,255,255); background:rgb(0,61,142)  url(images/bgmainTitle.png); z-index: 1; text-align: left;  }
.mainTitle h1 { display: block; height: 48px; background: url(images/bgmainTitle-left.png) no-repeat top left; padding: 0 30px 0 42px; text-transform: uppercase; text-shadow: rgba(0,0,0,0.8) 0px 1px 0px; line-height: 230%; }

h1#singleTitle { display: block; margin: 0 0 30px 0; font-family: Avenir, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: rgb(0,61,142); }
h2.pagetitle { display: block; margin: 0 0 30px 0; }

/* header */

#header 				{ position: relative; width: 990px; height: 110px; z-index: 1; }
#header #chilecambio 	{ position: absolute; top: 0; left: 0px; width: 356px; height: 124px; }

#header a#unete { position: absolute; bottom: 46px; right: 38px; display: block; width: 120px; height: 52px; background: url(images/unete.png) no-repeat top left;  }
#header a#unete:hover { background-position: left bottom; }

#unetemsg { width: 150px; position: absolute; right: 25px; bottom:10px;  text-align: center; }

/* nav */

#mainNav { position: relative; width: 966px; height: 66px; padding: 0 12px; text-align: center; background: url(images/bgNav.png) no-repeat top center; z-index: 0;  }
#mainNav #social { position: absolute; top: 11px; right: 42px; width: 102px; height: 38px; padding: 6px 6px 0 6px; background: url(images/bgSocial.png) no-repeat;  overflow: hidden; z-index: 1; }

#mainNav #social a { display: block; width: 32px; height: 32px; float: left; margin: 0 3px 0 0; }


#mainNav ul { position: relative; width: 966px; text-align: center; padding: 18px 0; z-index: 1; overflow: hidden; }
#mainNav ul li { display: inline; }
#mainNav ul li a { display: inline-block; height: 30px; font-family: HelveticaNuecond, Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-transform: uppercase; color: rgb(26,26,26); text-shadow: white 0px 1px 0px; line-height: 230%; padding: 0 7px; margin: 0 1px; }

#mainNav ul li a:hover,
#mainNav ul li.current_page_item a { color: rgb(255,255,255); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-decoration: none; text-shadow: rgba(0,0,0,0.8) 0px -1px 0px; -webkit-box-shadow: rgba(255,255,255, 1) 0px 1px 0px; }

#mainNav ul li a:hover 				{ background: rgb(102,102,102) url(images/bgNavli-hover.png) repeat-x; }
#mainNav ul li.current_page_item a 	{ background: rgb(0,61,142) url(images/bgNavli.png) repeat-x; }

/* main */

#page, #footer, #header { margin: 0 auto; font-size: 1.2em; }

#page { width: 990px; padding: 0 0 12px 0; background: rgb(204,204,204) url(images/bgPage.png) repeat-x; border-top: 1px solid rgb(255,255,255); }

#mainContent { position: relative; width: 906px; padding: 30px; background-color: rgb(255,255,255); margin: 0 auto; -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px; z-index: 0; }
#mainContent.postList { width: 936px; padding: 0 0 30px 30px; }

.bgSidebar { background: url(images/bgSidebar.png) repeat-y; }

/* footer */

#mainFooter { width: 100%; background: rgb(77,77,77) url(images/bgmainFooter.png) repeat-x top left; padding: 0 0 20px 0; }
#mainFooter #footer { width: 906px; padding: 30px 42px 30px 42px; background: rgb(204,204,204) url(images/bgFooter.png) repeat-x bottom left; text-shadow: rgba(255,255,255,1) 0px 1px 0px;  }
#mainFooter #footer a,
#mainFooter #footer strong { color: rgb(26,26,26); }

#mainFooter #footer #footerLeft { width: 438px; float: left; margin: 0 30px 0 0; }
#mainFooter #footer #footerRight { width: 438px; float: left;  }
#mainFooter #footer ul#social { display: block; height: 24px; margin: 20px 0 0 0; }
#mainFooter #footer ul#social li { float: right; }
#mainFooter #footer ul#social li a { margin: 0 0 0 25px; }


#mainFooter #footer ul#social li#social-youtube { margin-top: -1px; }
#mainFooter #footer ul#social li#social-youtube a { display: block; width: 55px; height: 24px; background: url(images/social/youtube.png) no-repeat; }
#mainFooter #footer ul#social li#social-youtube a:hover { background-position: left bottom; }

#mainFooter #footer ul#social li#social-facebook a { display: block; width: 80px; height: 20px; background: url(images/social/fb.png) no-repeat; }
#mainFooter #footer ul#social li#social-facebook a:hover { background-position: left bottom; }

#mainFooter #footer ul#social li#social-twitter a { display: block; width: 73px; height: 20px; background: url(images/social/twitter.png) no-repeat; }
#mainFooter #footer ul#social li#social-twitter a:hover { background-position: left bottom; }

#mainFooter #footer ul#social li#social-rss a { display: block; width: 20px; height: 20px; background: url(images/social/rss.png) no-repeat; }
#mainFooter #footer ul#social li#social-rss a:hover { background-position: left bottom; }

/* featured */

#mainFeatured { position: relative; width: 966px; background: rgb(0,0,0); margin: 0 auto 12px auto; border-bottom: 1px solid rgb(255,255,255); z-index: 0; overflow: hidden; }
#mainFeatured #featuredMask { position: absolute; top: 0; left: 0; width: 966px; height: 294px; background: url(images/bgFeatured-top.png) no-repeat; z-index: 1; }

#mainFeatured #featured-list { position: absolute; width: 990px; height: 18px; text-align: center; bottom: 10px; left: 0;  z-index: 3; }
#mainFeatured #featured-list a.featitem { display: inline-block; width: 18px; height: 18px; background: url(images/slidercontrol.png) no-repeat top left;  }
#mainFeatured #featured-list a.active { background: url(images/slidercontrol.png) no-repeat bottom left;  }
#mainFeatured #featured-list a span { display: none; }

#mainFeatured #featured { width: 966px; height: 294px; overflow: hidden; z-index: 0; }

#mainFeatured .panel { width: 966px; height: 294px;  }

#mainFeatured .panel .featured-title { position: absolute; top: 124px; right: 0; z-index: 3; width: 624px; height: 46px;  background-color: rgba(255,255,255,0.85) !important; background-color: rgb(255,255,255); font-family: Avenir, Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: white 0px 1px 0px;  }
#mainFeatured .panel .featured-title a { width: 584px; height: 46px; line-height: 300%; text-align: center; display: block; font-size: 1.4em; font-weight: 700; padding: 0 20px; color: rgb(26,26,26); }

/* @main */

.navigation { margin-bottom: 20px; }

.wide { width: 624px; float: left;  }
.sidebar { width: 252px; float: left; padding: 30px 0 0 29px; overflow: hidden;  }
.sidebar .widget { margin: 0 0 30px 0; }

#mainContent.postList .post { width: 282px; margin: 0 30px 0 0; float: left; overflow: hidden; }
#mainContent.postList .post .entry img { display: none; }

#content.narrowcolumn .post {  width: 906px; margin: 0 0 30px 0; }

#content.widecolumn .post { padding: 0 0 18px 0; border-bottom: 1px solid rgb(220,220,220);   }

/* @post */

.post h3.postTitle { font-family: Avenir, Arial, Helvetica, sans-serif; display: block; margin: 0 0 6px 0; }
.post h3.postTitle span { display: block; font-size: 80%; font-style: oblique; }
.post ul li { padding: 0 0 12px 4px; margin: 0 0 0 20px; list-style-position: outside; }
.post ol li { padding: 0 0 12px 4px; margin: 0 0 0 20px; list-style-type: decimal; list-style-position: outside; }
.post ol li ul { padding: 12px 0 0 0; }
.post ol li ul li { list-style-type: disc;}

.post .post-image { position: relative; width: 282px; height: 110px; overflow: hidden; margin: 0 0 12px 0; }

.post .post-image a { display: block; width: 282px; height: 110px; position: absolute; top: 0; left: 0; background: url(images/bgpostImage.png) no-repeat; }
.post .post-image img { width: 282px; }

.entry h6 { margin: 0 0 12px 0; color: rgb(0,61,142); }
.entry ul { margin: 12px 0; }
.entry ul li { list-style-type: disc; margin: 0 0 0 20px;}
.entry ul li ul { margin: 0; }

.entry table tr th { font-weight: bold; background-color: rgb(240,240,240); padding: 4px 10px; border-right: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(230,230,230); }
.entry table tr td { padding: 4px 10px; border-right: 1px solid rgb(220,220,220); border-bottom: 1px solid rgb(230,230,230); }
/* single */

#claim { display: block; color: rgb(90,90,90); font-style: oblique; margin: 0 0 30px 0; font-family:Georgia, "Times New Roman", Times, serif;  }

/* wordpress css */

.aligncenter, 
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.alignleft 		{ float: left; }
.alignright 	{ float: right; }

img.alignleft  	{ padding: 6px; border: 1px solid rgb(210,210,210); margin: 0 12px 12px 0; }
img.alignright 	{ padding: 6px; border: 1px solid rgb(210,210,210); margin: 0 0 12px 12px; }

.wp-caption 	{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* comentarios */

#mainComments { width: 750px; margin: 0 auto; border-top: 1px solid rgb(255,255,255); padding: 30px 78px 0 78px; background: url(images/bgmainComments.png) repeat-x top left; }
#mainComments #comments { width: 750px; margin: 0 0 30px 0; }
#mainComments #comments h3,
#mainComments #respond h3 { margin: 0 0 20px 0; }

#mainComments #comments ul#commentlist { width: 750px; }
#mainComments #comments ul#commentlist li.comment { width: 750px; }

#mainComments #comments ul#commentlist li.comment .commentBody { margin: 0 0 28px 0; border-bottom: 1px solid rgb(220,220,220) }
#mainComments #comments ul#commentlist li.comment .avatar { width: 50px; margin: 0 20px 20px 0; float: left; }
#mainComments #comments ul#commentlist li.comment .cuerpo { width: 680px; padding: 0 0 8px 0; float: left; }
#mainComments #comments ul#commentlist li.comment .commentTitle { margin: 0 0 20px 0; font-size: 1.1em; font-style: oblique; }
#mainComments #comments ul#commentlist li.comment .commentTitle strong { color: rgb(0,61,142); }

#mainComments #respond p input { width: 300px; }
#mainComments #respond p input.button { width: auto; }
#mainComments #respond p textarea { width: 450px; height: 150px; }

/* participa */

#content.page-participa { position: relative; text-align: center; width: 906px; margin: 0 auto; padding: 0 0 60px 0; }
#content.page-participa h1 { margin: 0 0 12px 0; }
#content.page-participa p { font-size: 1.2em; }

#content.page-participa a#participar { display: inline-block ; width: 250px; height: 40px; background: url(images/participar.png) no-repeat; }
#content.page-participa a#participar:hover { background-position: left bottom; }

#content.page-participa a#siparticipar { display: inline-block ; width: 220px; height: 40px; background: url(images/siparticipar.png) no-repeat; }
#content.page-participa a#siparticipar:hover { background-position: left bottom; }

#content.page-participa a#noparticipar { display: inline-block ; width: 50px; height: 40px; background: url(images/noparticipar.png) no-repeat; }
#content.page-participa a#noparticipar:hover { background-position: left bottom; }

#content.page-participa #pollresult { position: absolute; width: 300px; height: 40px; background: url(images/bgPollresult.png) no-repeat ; bottom: -35px;  left: 303px; font-family: HelveticaNuecond, Arial, Helvetica, sans-serif; font-weight: bold; text-shadow: white 0px 1px 0px; font-size: 1.3em; line-height: 380%; }

/* unete */

.mc-field-group { margin-bottom: 12px; clear: both; }

#content.page-unete { text-align: center;  }
#content.page-unete form p input,
.mc-field-group input { font-size: 1.3em; width: 400px; text-align: center; }
#content.page-unete form p select,
.mc-field-group select { width: 420px; }
#content.page-unete form p textarea,
.mc-field-group textarea { font-size: 1.3em; width: 400px; height: 120px; text-align: center; }
#content.page-unete form p input.button,
.mc-field-group input.button { font-size: 1.8em; width: auto; }
#content.page-unete form p label,
.mc-field-group label  {  display: block; margin: 0 0 6px 0; font-size: 1.2em; font-weight: bold; }

.mc-field-group input.radio { width: auto !important; height: auto !important; padding: auto !important;  margin: auto !important; display: inline !important; }


.response { width: 400px; margin: 0 auto; padding: 20px; font-size: 12pt;  }
#mce-error-response { color: red; }
#mce-success-response { color: green; }


.mce_inline_error { padding: 10px 0 0 0; color: red;  }


















/* @modules */

.module { width: 624px; position: relative; z-index: 0; padding-top: 78px; margin: 0 0 30px 0; }
.moduleHiddenIE { width: 624px; overflow: hidden; }

.moduleLeft { width: 438px; float: left; margin: 0 30px 0 0; }
.moduleRight { width: 438px; float: left; }

/* @OW */

p.ow { display: block; width: 940px; margin: 0 auto; font-size: 8pt; text-align: center; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; text-shadow: black 0 -1px 0px; padding: 20px 0 0 0; color: rgb(220,220,220) }
p.ow a { font-weight: bold; color: white; }

/* @OW end */

/*
#avatarPro { width: 400px; padding: 10px; }
#avatarPro .two { width: 180px; padding: 10px; float: left; }
*/

.row
{
height:220px;
}
.row1
{
height:270px;
}

.col1  
{
border-right:1px solid;
float:left;
margin-bottom:5px;
padding-right:4px;
width:49.5%;
}

.col2
{
float:right;
width:49.5%;
}
#page, #footer, #header 
{
#font-size:1.0em;
}
/*forms*/
.frm_forms { margin:0 auto; text-align:center; }
.frm_forms p.description {margin-top:0.5em; }
.frm_forms p.submit { margin-top:1em; text-align:center; }
.frm_forms select { width:420px; }
.frm_forms input[type=text],.frm_forms text-area { width:400px; }
.frm_forms label { font-size:1.2em; font-weight:bold; }
.frm_forms h3{ margin: 0 0 12px 0; text-align:left; font-family:Georgia, "Times New Roman", Times, serif;  font-size:2em; font-style:oblique; }
.frm_forms .frm_description { font-size:1.2em; font-style:oblique; font-weight:bold; text-align:left; }