/*
Theme Name: CHILEidiomas
Theme URI: http://www.chileidiomas.org/
Description: Tema personalizado y desarrollado exclusivamente para CHILEidiomas.
Version: 1.8
Author: Cromatico Limitada.
Author URI: http://www.cromatico.cl/
*/

/* Begin Typography & Colors */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
img {
	border:none;
	vertical-align:middle;
}
form,ul,h1,h2,h3,h4,h5,h6,p,span,input {
	margin:0px;
	padding:0px;
}
ul {
	list-style:none;
}
body {
	margin:0px;
	font-size:11px;
	line-height:13px;
	font-family:Arial;
	background:#5f97a9;
}
input,select,textarea {
	font-size:12px;
	line-height:14px;
	font-family:Arial;
	color:#999;
	vertical-align:middle;
}
a {
	text-decoration:underline;
	color:#003366;
	outline: none;
}
a:hover {
	text-decoration:underline;
	color:#666;
	outline: none;
}
h1 {
	font-size:24px;
	line-height:26px;
}
h2 {
	font-size:20px;
	line-height:20px;
}
h3 {
	font-size:16px;
	line-height:18px;
}
h4 {
	font-size:14px;
	line-height:15px;
}
h5 {
	font-size:11px;
	line-height:13px;
}
h6 {
	font-size:10px;
	line-height:12px;
}
object {
outline:none;
}
div.container {
	width:950px;
	margin:0 auto; 
	background:#fff; 
	overflow:hidden;
}
div.header {
	width:950px; 
	background:url(images/header-bg.gif) no-repeat;
}
div.header-left {
	width:325px; 
	float:left;
}
div.header-left img {
	padding:10px 0 18px 20px;
}
div.header-right {
	width:245px; 
	float:right; 
	padding:30px 0 0 0;
}
div.header-right a {
	color:#5f97a9; 
	font-size:10px;
}
div.header-right a.contact {
	padding-left:20px;
}
div.header-right form {
	padding:20px 0 0 0;
}
div.header-right form input.detail {
	width:158px; 
     border:1px solid #ccc;
     padding:5px;
}
div.header-right form input.detail:focus {
	width:158px; 
     border:1px solid #97c6d5;
     padding:5px;
	outline: none;
}
div.header-right form input.result {
	width:58px; 
	font-size:12px; 
	color:#fff;
	background:#97c6d5;
	border:none;
	padding:5px;
}
ul.nav {
	width:950px;
	height:40px; 
	line-height:40px;
	background:#97c6d5;
}
ul.nav li {
	float:left;
}
ul.nav li a.no-border {
	border-left:none;
	padding:0 7px 0 35px;
}
ul.nav li ul {
	display:none; 
	z-index:2; 
	position:absolute; 
	clear:both; 
	line-height:30px;
}
ul.nav li.active a {
	color:#21687e;
	text-decoration:none;
}
ul.nav li a:hover {
	color:#21687e;
	text-decoration:none;
}
ul.nav li.active ul {
	display:block;
	background:#50899c;
}
ul.nav li.active ul li {
	float:none;
	clear:both;
}
ul.nav li.active ul li a {
	border:none;
	display:block;
	width:180px;
	color:#fff;
	text-decoration:none;
}
ul.nav li.active ul li a:hover {
	background:#85b8cb;
	text-decoration:none;
	color:#fff;
}
ul.nav li a {
	color:#fff;
	border-left:solid 1px #fff;
	padding:0 7px;
	font-size:12px;
	text-decoration:none;
}
div.nuevo-out {
	width:950px;
	margin:50px 0 0 0;
	clear:both;
}
div.nuevo-out img {
	float:left; 
	padding:0 30px 0 20px; 
	position:relative; 
	margin:-20px 0 0 0;
}
div.nuevo-out #mainSlider {
	float:left; 
	padding:0 30px 0 20px; 
	position:relative; 
	margin:-20px 0 0 0;
}
div.nuevo {
	background:#e0edff;
	padding:5px 22px 10px 0;
}
div.nuevo h1 {
	color:#003366;
	font-style:italic;
	font-weight:normal;
	padding:15px 0;
}
div.nuevo p {
	padding:0 0 30px 0;
	color:#666666;
}
div.content {
	width:950px;
	clear:both;
}
div.content-inner {
	width:910px;
	margin:0 auto;
}
div.content-left {
	width:345px;
	float:left;
}
div.somos-out {
	width:345px; 
	border-bottom:solid 1px #e0e0e0;
	padding:25px 0 5px 0;
}
div.somos-out img {
	float:left;
	width:125px;
}
div.somos {
	float:right;
	width:200px;
	color:#5f5f5f;
}
div.somos h4 {
	float:right;
	width:200px;
	padding:0 0 12px 0;
}
div.somos p {
	line-height:18px;
}
div.somos p.leer {
	text-align:right;
	padding:10px 0 0 0;
}
div.somos p.leer a {
	text-decoration:underline;
	color:#4a9daa;
}
div.galeria {
	width:345px;
	padding:10px 0 0 0;
}
div.galeria h4 {
	padding:5px 0; 
	color:#5f5f5f; 
	font-size:14px;
}
div.galeria a img {
	padding:0 10px 10px 0;
}
div.content-right {
	width:525px; 
	float:right;
}
div.content-right h1 {
	font-weight:normal; 
	font-style:italic; 
	color:#003366; 
	border-bottom:solid 1px #e0e0e0;
	padding:30px 0 15px 0;
}
div.nove-item {
	width:525px;
	border-bottom:solid 1px #e0e0e0;
}
div.nove-item h3 {
	color:#666666;
	padding:20px 0;
}
div.nove-item h3 a {
	color:#666666;
	text-decoration: none;
}
div.nove-item h3 a:hover {
	color:#003366;
	text-decoration: underline;
}
div.nove-item h3 span.comentarios {
	float:right; 
	font-size:11px; 
	color:#999999; 
	font-weight:normal; 
	text-decoration:underline;
}
div.nove-item p {
	line-height:18px;
	color:#666666;
}
div.nove-item p.mas {
	text-align:right;
	padding:10px 0;
}
div.nove-item p.mas a {
	color:#4a9daa; 
	text-decoration:underline;
}
div.ldiomas {
	width:915px;
	color:#4a7581;
	padding:20px 0 0 25px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}
div.ldiomas span {
	color:#ff0000;
}
div.footer {
	width:950px;
	padding:15px 0 15px 0;
	background:#e2e2e2;
	border-top:solid 1px #d4d4d4;
}
div.footer-left {
	width:650px;
	float:left;
}
div.footer-left p {
	color: #666666;
	padding:0 0 0 35px;
}
div.footer-left p a {
	color:#4a9daa;
	text-decoration:underline;
}
div.footer-right {
	width:150px;
	float:right;
}
div.footer-right a {
	padding:0 8px 0 0;
}
div.footer-right a.sus {
	color:#4a9daa;
	text-decoration:underline;
}
/************************************ SUBPAGES ***************************************/
div.sub-content {
	width:950px;
}
div.sub-content-inner {
	width:875px;
	padding:40px 0 50px 0;
	margin:0 auto;
}
div.sub-detail {
	width:800px;
}
div.sub-detail a {
	color:#003366;
}
div.sub-detail a:hover {
	color:#666;
}
div.sub-detail h1 {
	font-size:24px;
	line-height:26px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail h2 {
	font-size:20px;
	line-height:20px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail h3 {
	font-size:16px;
	line-height:18px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail h4 {
	font-size:14px;
	line-height:15px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail h5 {
	font-size:11px;
	line-height:13px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail h6 {
	font-size:10px;
	line-height:12px;
	color:#003366;
	font-style:italic;
	font-weight:bold;
}
div.sub-detail p.rate {
	color:#999999;
	font-size:11px;
	padding:0;
}
div.sub-detail p.rate a {
	color:#50899c;
	text-decoration:underline;
}
div.sub-detail p {
	color:#666666;
	font-size:12px;
	padding:20px 0 0 0;
	line-height:140%;
}
div.sub-detail ul {
	color:#666666;
	font-size:12px;
	list-style-type: none;
	padding: 3em;
	margin: 0;
}
div.sub-detail ul li {
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 1.5em;
	padding-bottom: 1em;
}
div.sub-detail ol {
	color:#666666;
	font-size:12px;
	list-style-type:decimal;
	list-style-position:outside;
}
div.sub-detail ol li {
	padding-left: 0.2em;
	padding-bottom: 1em;
}
div.coment-bg {
	width:950px;
	background:url(images/deja-bg.gif) repeat-x;
}
div.coment-inner {
	width:875px;
	margin:0 auto;
	padding:30px 0 40px 0;
}
div.coment-inner h2 {
	color:#003366;
	font-style:italic;
	font-weight:normal;
}
div.coment {
	width:875px;
	padding:40px 0 0 0;
}
div.coment-left {
	width:137px;
	float:left;
}
div.coment-left img {
	border:solid 5px #e4efff;
}
div.coment-left p {
	padding:5px 0 0 0;
}
div.coment-left p.rate {
	color:#999999;
}
div.coment-left p.name a {
	color:#50899c;
	text-decoration:underline;
}
div.coment-right {
	width:738px;
	background:url(images/coment-bg.jpg) no-repeat;
	float:left;
}
div.coment-right p {
	width:680px;
	color:#666666;
	font-size:12px;
	padding:15px 0 10px 35px;
}
div.deja-left {
	width:325px;
	float:left;
}
div.info {
	width:275px;
	padding:20px 0 0 15px;
}
div.info p input {
	width:275px;
	margin:5px 0;
	padding:8px 0 8px 15px;
	color:#666666;
	font-size:12px;
}
div.deja-right {
	width:545px;
	float:left;
}
textarea.escriba {
	width:535px;
	height:205px;
	color:#666666;
	font-size:12px;
	margin:45px 0 15px 0;
	padding:10px 0 0 10px;
}
div.deja-right input {
	background:#e4efff;
	border:none;
	color:#666666;
	font-style:italic;
	font-size:14px;
	width:166px;
	height:44px;
}
/* Begin Comments*/
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
	font-weight: normal;
}
h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { 
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.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;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
