@charset utf-8;

/* RESETS ------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,del,em,img,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tr,th,td {margin:0; padding:0; border:0}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section {display:block}
a img {border:0}

a:link, a:visited {color:#e67303; text-decoration:none}
a:hover {color:#e6c803; text-decoration:underline}

.clear {height:0px; clear:both}
.clearLine {height:0px; clear:both}
.hide {display:none}
.left {float:left}
.right {float:right}

.alignleft {float:left; margin:0 15px 10px 0}
.alignright {float:right; margin:0 0 10px 15px}
.aligncenter {margin:0 auto 10px auto}

h1, h2, h3, h4, h5, blockquote {font-weight:400}
h1 a, h2 a, h3 a, h4 a, h5 a {text-decoration:none}

hr {height:1px; margin:30px 0; border:0; background:#d9d6b3}

/* Border Corner ------ */
.wysija-input, .wysija-submit {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
.date {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}

body {font:76% 'Roboto', sans-serif; background:#330033; color:#333}

/* Home Prov ------ */
body.prov {background:url(img/bgProv.png) no-repeat center top #47041e; color:#FFF; margin:0}
.provMain {width:800px; margin:0 auto; padding:60px 0; text-align:center}
.provMain h1 {width:189px; height:53px; margin:0 auto 30px auto; background:url(img/ana-laura-brito.png) no-repeat left top; text-indent:-9999px}
.provMain h2 {margin:0 0 20px 0; font-size:1.6em; font-weight:400}
.provMain h3 {margin:0 0 15px 0; font-size:1.6em; font-weight:400}
.provMain p {margin:0 0 10px 0; font-size:1.4em; line-height:1.4em; font-weight:300}

/* STRUCTURE ------ */
.bgShadow {margin:0 auto; background:url(img/bgShadow.png) no-repeat center top}
#main {width:1000px; margin:0 auto; background:url(img/bgMain.png) repeat-y center top #FFF}
#content {padding:30px}
#contentLeft {width:616px; float:left}
#sidebar {width:294px; float:right}
#contentRight {width:700px; float:right}
#sidebarLeft {width:210px; padding:0 0 30px 0; border-right:1px solid #cbe3cb; float:left}

/* HEADER ------ */
#header {width:1000px; margin:0 auto; background:#FFF}
#header .logos {width:976px; height:80px; margin:0 auto; padding:35px 0 15px 0; background:url(img/logos.png) no-repeat center 15px; text-align:center}
#header h1 a {font-size:1.3em; color:#9b9436; font-style:italic; text-shadow:1px 1px 1px #CCC; line-height:0.9em}
#header h1 a:hover {text-decoration:none; color:#e2d866}
#header h1 span {font-size:0.75em; display:block}

/* MENU ------ */
#nav {padding:8px 0 8px 30px; background:#509a88; border-bottom:1px solid #FFF}

/* FOOTER */
#footer {width:920px; margin:0 auto; padding:40px; background:#b7b380}
#footer .col1 {width:28%; margin:0 30px 20px 0; float:left}
#footer .col2 {width:20%; min-height:150px; margin:0 30px 20px 0; float:left}
#footer .col3 {width:20%; min-height:150px; margin:0 30px 20px 0; float:left}
#footer .col4 {width:20%; min-height:150px; margin:0 0 20px 0; float:left}
#footer p {margin:0 0 10px 0; font-size:1.1em; line-height:1.2em; color:#FFF}
#footer a {color:#f7f0ba}
#footer a:hover {color:#FFF}
#footer h5 {margin:0 0 10px 0; font-size:1.3em; line-height:1.2em; color:#FFF; text-transform:uppercase; font-style:normal}
#footer ul {list-style-type:none}
#footer ul li {margin:0 0 8px 0; font-size:1.1em; line-height:1.2em; float:right}

/* Newsletter ------ */
.widget_wysija_cont {padding:5px 0}
.widget_wysija_cont p.wysija-paragraph {height:20px; font-family:Arial}
.widget_wysija_cont p.wysija-paragraph .formErrorContent {border:none}
.widget_wysija_cont p.wysija-paragraph .wysija-input {width:180px; margin:0 auto; background:#fff; padding:5px; border:none; color:#333 !important; text-align:center}
.widget_wysija_cont p.wysija-paragraph .wysija-input:focus, .widget_wysija_cont p.wysija-paragraph .wysija-input:hover {background:#f7f0ba; color:#333}
.widget_wysija_cont .wysija-submit {width:110px; margin:0 auto; padding:5px 0; border:none; background:#e67303; font-size:1.1em; text-transform:uppercase; color:#000}
.widget_wysija_cont .wysija-submit:hover, .widget_wysija_cont .wysija-submit:focus {background:#827100}
.widget_wysija_cont .allmsgs .updated {border:none; background:#4b004d; color:#FFF}


/* HOME ------ */
#destacado {width:100%; height:320px; background:#f7f0ba}
#destacado .slider {width:646px; height:320px; background:#f7f0ba; float:left}
#destacado .text {width:294px; height:270px; padding:25px 30px; background:url(img/bgSliderText.png) no-repeat left top #f7f0ba; float:left}
#destacado .text h2 {font-size:1.6em; line-height:1.3em}

.boxItem {width:252px; height:147px; margin:0 30px 30px 0; padding:20px; background:url(img/bgBoxItem.png) no-repeat left top #edf6ed; float:left}
.boxItem.last {margin:0 0 30px 0}
.boxItem h3 {font-size:1.7em; margin:0 0 10px 0; line-height:1.1em; color:#53a08e}
.boxItem h3 a {color:#53a08e}
.boxItem p.desc {height:88px; font-size:1.2em; line-height:1.25em}
.boxItem p.more a {margin:0; padding:5px 10px 5px 28px; font-size:1em; color:#FFF; background:url(img/dotMore.png) no-repeat 8px 7px #53a08e; display:inline-block; text-decoration:none; text-transform:uppercase}
.boxItem p.more a:hover {background-color:#4b9080}

/* SIDEBAR ------ */
.widget {margin:0 0 30px 0; padding:15px 20px; border:1px solid #e4e2ca}
.widget h3 {margin:0 0 10px 0; font-size:1.7em; line-height:1.2em; color:#847e37}
.widget h3 a {color:#847e37}
.widget ul {list-style-type:none}
.widget ul li a {margin:0 0 5px 0; padding:7px 10px; font-size:1.3em; background:#edf6ed; display:block}
.widget ul li a:hover {background:#53a08e; color:#FFF; text-decoration:none}
.widget ul ul {margin:5px; font-size:0.8em}
.widget ul ul li a {margin:0 0 4px 0; padding:6px 10px; font-size:1.2em; background:#edf6ed; display:block}
.widget p {margin:0 0 10px 0; font-size:1.2em; line-height:1.25em}
.widget p.more a {margin:0; padding:5px 28px 5px 10px; font-size:0.9em; color:#FFF; background:url(img/dotGo.png) no-repeat right 7px #c9c593; display:inline-block; text-decoration:none; text-transform:uppercase}
.widget p.more a:hover {background-color:#938e50}
.widget .contacto {width:292px; height:86px; margin:0 -20px 15px -20px; background:url(img/contacto.jpg) no-repeat left top}
.widget .destacado {margin:0 0 15px 0; padding:8px; font-size:1.2em; line-height:1.25em; background:#f7f0ba}

/* SubMenus ------ */
#sidebarLeft ul.menu  {margin:0 0 20px 0; list-style-type:none; border-top:1px solid #cbe3cb}
#sidebarLeft ul.menu li a {padding:8px 10px; font-size:1.4em; line-height:1.2em; border-bottom:1px solid #cbe3cb; display:block; outline:0}
#sidebarLeft ul.menu li.current_page_item a, #sidebarLeft ul.menu li.current-menu-item a {background:#edf6ed}
#sidebarLeft ul.menu li a:hover {background:#53a08e; color:#FFF; text-decoration:none}

.widgetPage {margin:0 10px 20px 10px; padding:8px 10px; border:1px solid #cbe3cb}
.widgetPage h3 {padding:0 0 8px 0; font-size:1.4em; color:#847e37}
.widgetPage h3 a {color:#847e37}
.widgetPage ul {margin:0; list-style-type:none}
.widgetPage ul li {padding:8px 0; font-size:1.15em; line-height:1.15em; border-top:1px dotted #a6a6a6}
.widgetPage ul ul {margin:5px; font-size:0.8em}
.widgetPage ul ul li {padding:8px 0; font-size:1.2em}
.widgetPage p {margin:0 0 10px 0; font-size:1.2em; line-height:1.25em}
.widgetPage p.more a {margin:0; padding:5px 28px 5px 10px; font-size:0.9em; color:#FFF; background:url(img/dotGo.png) no-repeat right 7px #c9c593; display:inline-block; text-decoration:none; text-transform:uppercase}
.widgetPage p.more a:hover {background-color:#938e50}
.widgetPage a.tel {color:#333}
.widgetPage img {width:100%; height:100%; margin:-10px 0 15px 0}
.widgetPage .agenda {padding:4px 0 4px 33px; font-size:1.6em; line-height:1.2em; background:url(img/icAgenda.png) no-repeat left 4px}

/* Buscador ------ */
#searchform {width:93%; height:20px; padding:4px 8px; background:#f1f0e6}
#searchform #s {width:80%; height:18px; border:none; font-size:1.1em; color:#807d59; font-family:Arial; background:#f1f0e6; float:left}
#searchform #s:hover, #searchform #s:focus {color:#333; outline:0}
#searchsubmit {width:22px; height:22px; background:url(img/botSearch.gif) no-repeat left top; border:none; float:right}
#searchsubmit:focus, #searchsubmit:hover {background:url(img/botSearch.gif) no-repeat left -22px; outline:0}

.tagcloud {padding:10px; text-align:center}
.tagcloud a {padding:5px}

ul.tm-latest-updates {}
ul.tm-latest-updates li h4 {font-size:1em; font-style:normal}
ul.tm-latest-updates li h4 a {margin:0 0 5px 0; padding:7px 10px; font-size:1.3em; background:#edf6ed; display:block}
ul.tm-latest-updates li h4 a:hover {background:#53a08e; color:#FFF; text-decoration:none}


/* PAGES - POSTS TIT ------ */
.pageTit {height:45px; padding:25px 30px 25px 30px; background:#f7f0ba}
.pageTit h2 {font-size:2.6em; color:#847e37; line-height:1.2em; font-weight:300; text-shadow:#FFF 1px 1px 1px; display:inline-block}
.pageTit h2 a {color:#847e37}
.pageTit h2 a:hover {color:#504b13; text-decoration:none}
.pageTit .sub {margin:0 0 0 6px; padding:0 0 0 21px; background:url(img/dotTitSep.png) no-repeat left 20px}
.pageTit h3 {margin:0 0 0 17px; padding:3px 0 0 17px; border-left:1px dotted #FFF; font-size:1.6em; line-height:1.2em; color:#847e37; display:inline-block}

/* PAGES ------ */
#page {min-height:300px}
#page h3 {font-size:1.8em; margin:0 0 30px 0; line-height:1.25em}
#page h4 {font-size:1.6em; margin:0 0 15px 0; padding:10px 0 0 0; line-height:1.25em}
#page h5 {font-size:1.4em; margin:0 0 15px 0; line-height:1.3em}
#page h3.line, #page h4.line, #page h5.line {margin:0 0 20px 0; padding:20px 0; border-bottom:1px dotted #a6a6a6}
#page p {margin:0 0 15px 0; font-size:1.3em; line-height:1.5em}
#page ul, #page ol {margin:0 30px 30px 20px}
#page ul li {margin:0 0 8px 10px; font-size:1.3em; line-height:1.3em}
#page ul li ul {margin:8px 20px 0 10px}
#page ul li ul li {list-style-image:url(img/dotList2.png)}
#page ol li {margin:0 0 10px 10px; font-size:1.3em; line-height:1.4em}

#page table {margin:0 0 20px 0}
#page table th {padding:8px; background:#ee7653; color:#FFF; font-size:1.1em; text-align:left}
#page table td {padding:8px; border:1px solid #ee7653; font-size:1.1em}

#page .box {margin:0 0 30px 0; padding:20px; background:#edf6ed}
#page .box h3 {margin:0 0 12px 0; font-size:2.2em}
#page .box p {margin:0 0 12px 0}
#page .box p.more a {margin:0; padding:3px 10px 3px 28px; font-size:0.8em; color:#FFF; background:url(img/dotMore.png) no-repeat 8px 7px #53a08e; display:inline-block; text-decoration:none; text-transform:uppercase}
#page .box p.more a:hover {background-color:#4b9080}

blockquote {background:#edf6ed; margin:3px 0 20px 0; padding:20px; font-size:1.1em; line-height:1.45; font-style:italic; quotes: "\201C""\201D"}
blockquote:before {color:#999; content:open-quote; font-size:4.4em; line-height:0.1em; margin-right:13px; vertical-align:-25px; font-family:Georgia}
blockquote p {display:inline}
blockquote cite {color:#666; font-size:0.8em; display:block; margin-top:5px; font-family:Arial}
blockquote cite:before {content:"\2014 \2009"}

/* DOWNLOAD MONITOR */
ul.dlm-downloads {margin:0 !important; padding:0; list-style-type:none; border-top:1px dotted #a6a6a6}
ul.dlm-downloads li {margin:0 !important}
.download-link {margin:0; padding:15px 0 15px 40px; border-bottom:1px dotted #a6a6a6; font-size:1.2em; display:block}
.download-link.filetype-icon.pdf {padding:22px 0 20px 42px; background:url(img/pdf.png) no-repeat left 15px}
.download-link.filetype-icon.doc {padding:22px 0 20px 42px; background:url(img/doc.png) no-repeat left 15px}
.download-link.filetype-icon.ppt {padding:22px 0 20px 42px; background:url(img/ppt.png) no-repeat left 15px}

/* AGENDA LIST - Home y Archive ------ */
#events h4 {padding:5px 15px 10px 47px; font-size:1.8em; line-height:1.2em; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:url(img/icAgenda.png) no-repeat 15px 7px}
#events .item {padding:15px; border-bottom:1px dotted #a6a6a6}
#events .item .date {margin:0 12px 5px 0; padding:1px 8px 2px 8px; font-size:1.3em; font-style:italic; background:#f7f0ba; display:inline-block; float:left}
#events .item .format a {font-size:1.1em; padding:6px 0 0 0; color:#333; text-transform:uppercase; float:left}
#events .item h3 {margin:0 0 5px 0; font-size:2.2em; line-height:1.16em}
#events .item p.place {margin:4px 0; font-size:1.2em; line-height:1.4em}
#events .item p.more a {margin:4px 0; padding:5px 10px 5px 28px; font-size:1em; color:#FFF; background:url(img/dotMore.png) no-repeat 8px 7px #53a08e; display:inline-block; text-decoration:none; text-transform:uppercase}
#events .item p.more a:hover {background-color:#4b9080}

/* AGENDA ITEM ------ */
#eventPost {}
#eventPost .format {font-size:1.4em; padding:7px 0; text-transform:uppercase}
#eventPost h2 {padding:0 0 20px; font-size:2.6em; line-height:1.1em; border-bottom:1px dotted #a6a6a6}
#eventPost .data {font-size:1.2em; padding:7px 0; border-bottom:1px dotted #a6a6a6}
#eventPost .meta {margin:0 0 10px 0; font-size:1em; padding:6px 0; border-top:1px dotted #a6a6a6; border-bottom:1px dotted #a6a6a6}
#eventPost .entry {padding:20px 0}
#eventPost .entry p {margin:0 0 15px 0; font-size:1.3em; line-height:1.5em}
#eventPost .entry p a {text-decoration:underline}
#eventPost .entry h3 {font-size:1.8em; margin:0 0 15px 0; line-height:1.2em}
#eventPost .entry h4 {font-size:1.6em; margin:0 0 12px 0; line-height:1.2em}
#eventPost .entry h5 {font-size:1.6em; margin:0 0 12px 0; line-height:1.2em}
#eventPost ul, #eventPost ol {margin:0 30px 20px 30px; font-size:1.3em; padding:10px 0 0 0}
#eventPost ul li, #eventPost ol li {margin:0 0 12px 0}
#eventPost ul li ul {margin:0 20px 0 20px}
#eventPost ul li ul li {margin:0 0 10px 0}
#eventPost .options {margin:0 0 10px 0; padding:10px 10px 3px 10px; background:#FF9}
#eventPost .options p {margin:0; padding:0 0 7px 0; font-size:1.1em; line-height:1em}
#eventPost blockquote {font-family:Georgia, serif; font-size:1.15em; font-style:italic; margin:0 0 10px 0; padding:10px 50px 10px 20px; line-height:-.5em}
#eventPost .destacado {padding:20px; background:#FF9; margin:0 0 15px 0}
#eventPost .share {padding:10px 0}
#eventPost .box {margin:0 0 10px 0; padding:20px 20px 10px 20px; background:#fafafa}
#eventPost .box h4 {font-size:1.8em; margin:0 0 12px 0; padding:0}
#eventPost .box p {margin:0 0 12px 0}


/* Post Index y Categorias ------ */
.postList {padding:15px; border-bottom:1px dotted #a6a6a6}
.postList .text {width:350px; padding:0 0 0 20px; float:left}
.postList .photo {width:200px; height:113px; float:left}
.postList .photo img {width:100%; height:100%}
.postList .photo a:hover img {opacity:0.8}
.postList h3 {margin:0 0 10px 0; font-size:2em; line-height:1.2em}
.postList p {font-size:1.2em; line-height:1.3em}
.postList .meta {margin:8px 0 0 0; font-size:1.1em}

.noResults {margin:0 12px 20px 12px; padding:0 0 15px 0}
.noResults h3 {margin:0 10px 10px 0; font-size:1.6em; line-height:1em}
.noResults p {margin:0 0 5px 0}

/* POSTS ------ */
#post {}
#post h2 {margin:0 0 20px 0; font-size:2.6em; line-height:1.2em}
#post h2.line {margin:0 0 10px 0; padding:0 0 10px 0; line-height:1.2em; font-weight:600; border-bottom:1px dotted #a6a6a6}
#post .meta {margin:0 0 10px 0; font-size:1.2em; padding:0 0 10px 0; border-bottom:1px dotted #a6a6a6; line-height:1.4em}
#post .metaCat {margin:0 0 15px 0; font-size:1.2em; line-height:1.4em}
#post .entry {}
#post .entry p {margin:0 0 15px 0; font-size:1.3em; line-height:1.5em}
#post .entry h3 {font-size:2em; margin:0 0 20px 0; line-height:1.3em}
#post .entry h4 {font-size:1.7em; margin:0 0 15px 0; padding:10px 0 0 0; line-height:1.3em}
#post .entry h5 {font-size:1.5em; margin:0 0 15px 0; font-weight:600; line-height:1.3em}
#post .tags {margin:0 0 10px 0; padding:15px 0 5px 0; font-size:1.1em}
#post .tags a {margin:0 5px 5px 0; padding:4px 10px; background:#defdc6; display:inline-block}
#post .tags a:hover {background:#e26e12; color:#FFF; text-decoration:none}
#post .entry ul, #post .entry ol {margin:0 30px 20px 30px; padding:10px 0 0 0; font-size:1.3em}
#post .entry ul li, #post .entry ol li {margin:0 0 12px 0; line-height:1.4em}
#post .entry ul ul li {font-size:0.85em}

#post table {margin:0 0 20px 0}
#post table td {padding:8px; background:#f4f4f4; border:1px solid #FFF; font-size:1.1em}

.share {padding:10px 0 5px 0; border-top:1px solid #e4e2ca; border-bottom:1px solid #e4e2ca}
.share ul {list-style-type:none}
.share ul li {margin:0 20px 0 0; float:left}

.video {margin:0 auto 30px auto; padding-bottom:56.25%; /* 16:9 */ padding-top:25px; position:relative}
.video iframe {width:100%; height:100%; position:absolute; top:0; left:0}





/* RESPONSIVE QUERIES */

/* Common */
@media screen and (max-width: 1000px) {
	
	body {margin:10px 0}
	.bgShadow {background:none}
	#main {width:98%}
	#header {width:98%}
	#footer {width:92.5%; padding:20px}
	#content {padding:20px}
	#contentRight {width:auto; float:none}
	#destacado {height:auto}
	
body.prov {background:url(img/bgProv.png) no-repeat center -200px #220022}
.provMain {width:80%}
.provMain h2, .provMain h3 {font-size:1.5em}
	
}

/* Landscape tablet and dated desktop */
@media screen and (min-width: 1000px) {
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	.clearLine {border-bottom:1px solid #cbe3cb}
	
	#contentLeft {width:65%}
	#sidebar {width:32%}
	#sidebarLeft {width:100%; border-right:none; float:none}
	
	#header .logos {width:auto; background:url(img/logos720.png) no-repeat center 15px}
	#header h1 a {font-size:1.2em}
	#header h1 span {font-size:0.7em}
	
	#nav {padding:9px 0 9px 15px}
	#nav li#menu-item-33 {display:none}
	#nav .sf-menu li {margin:0}
	#nav .sf-menu li a {padding:2px 7px; font-size:1.2em}
	#nav ul.sub-menu li a {padding:8px; font-size:1.1em}

	#footer .col1 {width:46%}
	#footer .col2 {width:46%; margin:0 0 20px 0}
	#footer .col3 {width:46%}
	#footer .col4 {width:46%}

	#destacado {height:auto}
	#destacado .slider {width:65%; height:auto}
	#destacado .text {width:30%; height:auto; padding:15px 15px 0 18px; background:none}
	#destacado .text h2 {font-size:1.3em; line-height:1.2em}

	.boxItem {width:27%; height:auto; margin:0 20px 20px 0; padding:12px 15px; background-image:none}
	.boxItem.last {margin:0 0 20px 0}
	.boxItem h3 {height:40px; font-size:1.6em}
	.boxItem p.desc {height:105px; font-size:1.1em; line-height:1.2em}

	.widget {margin:0 0 20px 0; padding:10px 15px}
	.widget h3 {font-size:1.6em}
	.widget p {font-size:1.1em}
	.widget ul li a {font-size:1.2em}
	.widget .contacto {width:100%; height:70px; margin:0 0 15px 0; background-size:100%}
	
	ul.tm-latest-updates li h4 a {font-size:1.2em}
	
	#sidebarLeft ul.menu  {margin:0 0 30px 0 }
	#sidebarLeft ul.menu li a {padding:8px 15px 10px 15px; border-bottom:none; float:left}
	
	.widgetPage {display:none}

	.pageTit {height:35px; padding:20px}
	.pageTit h2 {font-size:2.2em}

	#events h4 {padding:5px 0 10px 32px; font-size:1.7em; background-position: left 7px}
	#events .item {padding:15px 15px 15px 0; border-bottom:1px dotted #a6a6a6}
	#events .item .date {font-size:1.2em}
	#events .item h3 {font-size:2em}
	#events .item p.place {margin:3px 0; font-size:1.1em; line-height:1.3em}
	#events .item p.more a {display:none}
	
	#eventPost .format { padding:4px 0; font-size:1.2em}
	#eventPost h2 {font-size:2.4em}
	#eventPost .entry p, #eventPost ul, #eventPost ol {font-size:1.2em}

	#page h3 {font-size:1.7em; margin:0 0 25px 0}
	#page h4 {font-size:1.6em}
	#page h5 {font-size:1.4em}
	#page p {margin:0 0 12px 0; font-size:1.2em; line-height:1.4em}
	#page ul li {font-size:1.2em; line-height:1.3em}
	#page .box {margin:0 0 25px 0; padding:15px}
	#page .box h3 {font-size:2em}

	blockquote {padding:20px; font-size:1.2em}
	
	#page .wpcf7 {margin:0 0 20px 0; padding:20px}
	#page .wpcf7 .col {margin:0 25px 5px 0}
	#page .wpcf7 .colFull {margin:0 50px 5px 0}
	#page .wpcf7 p {font-size:1.1em}
	#page .wpcf7 .wpcf7-submit {width:100px}

	.postList {padding:15px 0}
	.postList .text {width:55%; padding:0 0 0 15px}
	.postList .photo {width:40%; height:auto}
	.postList h3 {margin:0 0 5px 0; font-size:1.8em}
	
	#post .entry p {margin:0 0 12px 0; font-size:1.2em; line-height:1.4em}
	#post .entry ul, #post .entry ol {font-size:1.2em}

	.navigation {padding:15px 0}
	
	.size-large {width:100%; height:100%}
	

	.videoBox {width:auto}
	
	/* Check size */
	.s768 {display:block} 

}

/* Iphone Ipod Landscape */
@media screen and (min-width: 480px) and (max-width: 767px) {

	html {-webkit-text-size-adjust:none}
	
	body {margin:0; background:#FFF}
	
	.clearLine {border-bottom:1px solid #cbe3cb}

	#main {width:auto; margin:0 auto}
	#content {padding:15px}
	#contentLeft {width:auto; float:none}
	#sidebar {width:auto; float:none}
	#sidebarLeft {width:100%; border-right:none; float:none}
	
	#header {width:auto; background-image:none}
	#header .logos {width:auto; height:50px; padding:75px 0 20px 0; background:url(img/logos280.png) no-repeat center 15px; background-size:140px}
	#header h1 a {font-size:1em; text-shadow:none}
	#header h1 span {font-size:0.7em}
	
	#nav {width:auto; padding:9px; background-image:none}
	#nav li#menu-item-33 {display:none}
	#nav .sf-menu li {margin:0 3px 3px 0}
	#nav .sf-menu li a {padding:3px 14px; font-size:1.3em; background:#478e7d}
	#nav ul.sub-menu li a {padding:8px; font-size:1.1em; background:#327162}
	.sf-menu li a:hover {background:#3e8372 !important}
	ul.sub-menu li {margin:0 !important}
	.sf-menu li.current_page_item a {background:#3e8372 !important; border-radius:0 !important; -moz-border-radius:0; -webkit-border-radius:0}

	#footer {width:91%}
	#footer .col1 {width:90%; margin:0 0 30px 0; float:none}
	#footer .col2 {display:none}
	#footer .col3 {display:none}
	#footer .col4 {width:90%; float:none}

	#destacado {height:auto}
	#destacado .slider {width:100%; height:auto; border-bottom:1px solid #FFF}
	#destacado .text {width:auto; height:auto; padding:15px; background-image:none}
	#destacado .text h2 {font-size:1.4em; line-height:1.3em}

	.boxItem {width:auto; height:auto; margin:0 0 20px 0; padding:15px; background-image:none; float:none}
	.boxItem.last {margin:0 0 20px 0}
	.boxItem h3 {height:auto; font-size:1.6em}
	.boxItem p.desc {height:auto; font-size:1.1em; line-height:1.2em}
	.boxItem p.more a {display:none}

	.widget {margin:0 0 20px 0; padding:10px 15px}
	.widget h3 {font-size:1.6em}
	.widget p {font-size:1.1em}
	.widget ul li a {font-size:1.2em}
	.widget .contacto {width:100%; height:90px; margin:0 0 15px 0; background-size:100%}
	
	ul.tm-latest-updates li h4 a {font-size:1.2em}
	
	#sidebarLeft ul.menu  {margin:0 0 25px 0 }
	#sidebarLeft ul.menu li a {padding:8px 10px 10px 10px; border-bottom:none; float:left}
	
	.widgetPage {display:none}

	.pageTit {height:auto; padding:15px; background-image:none}
	.pageTit h2 {font-size:2em}
	.pageTit .sub {margin:0 0 0 5px; padding:0 0 0 18px; background-position:left 14px}

	#events h4 {padding:5px 0 10px 32px; font-size:1.7em; background-position: left 7px}
	#events .item {padding:15px 15px 15px 0; border-bottom:1px dotted #a6a6a6}
	#events .item .date {font-size:1.2em}
	#events .item h3 {font-size:2em}
	#events .item p.place {margin:3px 0; font-size:1.1em; line-height:1.3em}
	#events .item p.more a {display:none}
	
	#eventPost .format { padding:4px 0; font-size:1.2em}
	#eventPost h2 {font-size:2.4em}
	#eventPost .entry p, #eventPost ul, #eventPost ol {font-size:1.2em}

	#page h3 {font-size:1.7em; margin:0 0 20px 0}
	#page h4 {font-size:1.6em}
	#page h5 {font-size:1.5em}
	#page p {margin:0 0 12px 0; font-size:1.2em; line-height:1.4em}
	#page ul li {font-size:1.2em; line-height:1.3em}
	#page .box {margin:0 0 25px 0; padding:15px}
	#page .box h3 {font-size:2em}

	blockquote {padding:20px 20px 15px 20px; font-size:1.15em}
	
	#page .wpcf7 {margin:0 0 20px 0; padding:15px 20px}
	#page .wpcf7 .col {margin:0 25px 5px 0}
	#page .wpcf7 .colFull {width:90%; margin:0 50px 5px 0}
	#page .wpcf7 p {font-size:1.1em}
	#page .wpcf7 .wpcf7-submit {width:100px}

	.postList {padding:15px 0}
	.postList .text {width:50%; padding:0 0 0 15px}
	.postList .photo {width:45%; height:auto}
	.postList h3 {margin:0 0 5px 0; font-size:1.8em}
	
	#post .entry p {margin:0 0 12px 0; font-size:1.2em; line-height:1.4em}
	#post .entry ul, #post .entry ol {font-size:1.2em}

	.navigation {padding:15px 0}
	
	.pdf, .ppt, .xls, .doc {padding:8px 20px 15px 47px; font-size:1.1em}

	.size-medium {width:100%; height:100%}
	.size-large {width:100%; height:100%}
	
	.videoBox {width:auto}

	/* Check size */
	.s480 {display:block} 
	
}

/* Iphone Ipod vertical and down */
@media screen and (max-width: 479px) {

	body {margin:0; background:#FFF}
	
	.clearLine {border-bottom:1px solid #cbe3cb}

	#main {width:auto; margin:0 auto}
	#content {padding:15px}
	#contentLeft {width:auto; float:none}
	#sidebar {width:auto; float:none}
	#sidebarLeft {width:100%; border-right:none; float:none}
	
	#header {width:auto; background-image:none}
	#header .logos {width:auto; height:40px; padding:70px 0 20px 0; background:url(img/logos280.png) no-repeat center 15px; background-size:140px}
	#header h1 a {font-size:0.8em; text-shadow:none; line-height:0.6em}
	#header h1 span {font-size:0.8em}
	
	#nav {width:auto; padding:9px; background-image:none}
	#nav li#menu-item-33 {display:none}
	#nav .sf-menu li {margin:0 3px 3px 0}
	#nav .sf-menu li a {padding:3px 14px; font-size:1.3em; background:#478e7d}
	#nav ul.sub-menu li a {padding:8px; font-size:1.1em; background:#327162}
	.sf-menu li a:hover {background:#3e8372 !important}
	ul.sub-menu li {margin:0 !important}
	.sf-menu li.current_page_item a {background:#3e8372 !important; border-radius:0 !important; -moz-border-radius:0; -webkit-border-radius:0}
	
	#footer {width:88%}
	#footer .col1 {width:90%; margin:0 0 30px 0; float:none}
	#footer .col2 {display:none}
	#footer .col3 {display:none}
	#footer .col4 {width:90%; float:none}

	#destacado {height:auto}
	#destacado .slider {width:100%; height:auto; border-bottom:1px solid #FFF}
	#destacado .text {width:auto; height:auto; padding:15px; background-image:none}
	#destacado .text h2 {font-size:1.4em; line-height:1.3em}

	.boxItem {width:auto; height:auto; margin:0 0 20px 0; padding:15px; background-image:none; float:none}
	.boxItem.last {margin:0 0 20px 0}
	.boxItem h3 {height:auto; font-size:1.6em}
	.boxItem p.desc {height:auto; font-size:1.1em; line-height:1.2em}
	.boxItem p.more a {display:none}

	.widget {margin:0 0 20px 0; padding:10px 15px}
	.widget h3 {font-size:1.6em}
	.widget p {font-size:1.1em}
	.widget ul li a {font-size:1.2em}
	.widget .contacto {width:100%; height:90px; margin:0 0 15px 0; background-size:100%}
	
	ul.tm-latest-updates li h4 a {font-size:1.2em}
	
	#sidebarLeft ul.menu  {margin:0}
	#sidebarLeft ul.menu li a {padding:6px 8px 8px 8px; border-bottom:none; float:none}
	
	.widgetPage {display:none}

	.pageTit {height:auto; padding:12px; background-image:none}
	.pageTit h2 {font-size:2em}
	.pageTit .sub {margin:0 0 0 5px; padding:0 0 0 18px; background-position:left 15px}

	#events h4 {padding:5px 0 10px 32px; font-size:1.7em; background-position: left 7px}
	#events .item {padding:15px 15px 15px 0; border-bottom:1px dotted #a6a6a6}
	#events .item .date {margin:0 0 4px 0; font-size:1.2em; float:none}
	#events .item .format a {padding:6px 0; float:none}
	#events .item h3 {font-size:2em}
	#events .item p.place {margin:3px 0; font-size:1.1em; line-height:1.3em}
	#events .item p.more a {display:none}
	
	#eventPost .format { padding:4px 0; font-size:1.2em}
	#eventPost h2 {font-size:2.4em}
	#eventPost .entry p, #eventPost ul, #eventPost ol {margin:0 0 10px 0; font-size:1.2em}

	#page h3 {font-size:1.6em; margin:0 0 15px 0}
	#page h4 {font-size:1.5em}
	#page h5 {font-size:1.4em}
	#page p {margin:0 0 10px 0; font-size:1.2em; line-height:1.4em}
	#page ul li {font-size:1.2em; line-height:1.3em}
	#page .box {margin:0 0 25px 0; padding:15px}
	#page .box h3 {font-size:2em}

	blockquote {padding:20px 20px 15px 20px; font-size:1.15em}
	
	#page .wpcf7 {margin:0 0 20px 0; padding:15px 20px}
	#page .wpcf7 h5 {margin:0 0 15px 0;font-size:1.7em}
	#page .wpcf7 .col {width:90%; margin:0 0 5px 0; clear:none}
	#page .wpcf7 .colFull {width:90%; margin:0 0 5px 0}
	#page .wpcf7 p {font-size:1.1em}
	#page .wpcf7 .wpcf7-submit {width:100px}

	.postList {padding:12px 0}
	.postList .text {width:50%; padding:0 0 0 15px}
	.postList .photo {width:45%; height:auto}
	.postList h3 {margin:0 0 5px 0; font-size:1.8em}
	
	#post .entry p {margin:0 0 12px 0; font-size:1.2em; line-height:1.4em}
	#post .entry ul, #post .entry ol {font-size:1.2em}
	
	.share ul li.gp {display:none}

	.navigation {padding:12px 0}
	
	.pdf, .ppt, .xls, .doc {padding:8px 20px 15px 47px; font-size:1.1em}

	.size-medium {width:100%; height:100%}
	.size-large {width:100%; height:100%}
	
	.videoBox {width:auto}

	/* Check size */
	.s479 {display:block} 

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 240dpi) {
	
	#header .logo  {background-image:url(img/logos280@2x.png); background-size:140px}
	#page .box p.more a {background-image:url(img/dotMore@2x.png); background-size:13px}
	.widget p.more a {background-image:url(img/dotGo@2x.png); background-size:23px}
	.pageTit .sub {background-image:url(img/dotTitSep@2x.png); background-size:10px}

}