/*
Theme Name: Arcosur
Description: Arcosur Frontend Template
Version: 1
Author: Dario Esteban Brozzi
Author URI: http://www.dariobrozzi.com/
Tags: 

*/

/* RESET & INIT */
*{ margin: 0; padding: 0; height: auto; }
img{ border: none; }
.left{ float: left; left: 0; }
.right{ float: right; right: 0; }
.center{ margin: 0 auto; }
.end{ clear: both; float: none; display: block; }

/* LAYOUT */
body{ background: #DFDAC7 url(images/back.jpg) 0 0 repeat-x; }
#main{ margin: 40px auto; width: 80%; }

/* TYPOGRAPHY */
body{ font-family: "Trebuchet MS", Helvetica, sans-serif; color: #46392E; }
p, li, span { font-size: 1em; font-weight: normal; line-height: 1.5em; }
.content p{ margin-bottom: .8em; }
a{ color: #6B5D4F; padding: 0 5px; }
a:hover{ color: #FFF; background: #6b5d4f; text-decoration: none; }

/* HEADER */
#logotype{ background: transparent url(images/etar.jpg) center 0 no-repeat; padding-top: 97px; text-align: center; display: block; }
#logotype a{ display: block; width: 142px; height: 142px; margin: 0 auto; }
#logotype a:hover{ background: transparent; }
#logotype span{ display: none; }

/* NAVIGATION */
.navigation{ list-style: none; }
.navigation a{ padding: 0; background: transparent; }
.navigation.horizontal li{ display: inline; float: left; clear: none; }
#footer .navigation li{ width: 11.4%; }
#footer .navigation #navExamenes{ width: 15%;}
#footer .navigation #navEmail{ width: 24%;}
#footer .navigation #navEnlaces{ width: 13%;}
#footer .navigation a, .page.home .navigation a{ display: block; }
#footer .navigation li .content, .page.home .navigation li .content{ margin: 0 auto; float: none; display: inline-block;  }
#footer .navigation li .content .icon, #footer .navigation li .content .text, .page.home .navigation li .content .icon, .page.home .navigation li .content .text{ float: left; display: block; height: 34px; overflow: hidden; }
#footer .navigation li .content .end, page.home .navigation li .content .end{ clear: both; }
#footer .navigation a .content .icon{ height: 34px; width: 27px; margin-right: 2px; }
#footer .navigation a:hover .content .icon, #footer .navigation .selected a:hover .content .icon{ background: transparent url(images/etar_mini.jpg) 0 center no-repeat; }
#footer .navigation .content .text, .page.home .navigation .content .text{ text-indent: -200%; font-size: 0; line-height: 0; }

#footer .navigation #navInicio .text{ width: 60px; background: transparent url(images/nav_inicio.jpg) center center no-repeat; }
#footer .navigation #navArcos .text{ width: 62px; background: transparent url(images/nav_arcos.jpg) right center no-repeat; }
#footer .navigation #navSedes .text{ width: 63px; background: transparent url(images/nav_sedes.jpg) center center no-repeat; }
#footer .navigation #navStaff .text{ width: 62px; background: transparent url(images/nav_staff.jpg) center center no-repeat; }
#footer .navigation #navExamenes .text{ width: 102px; background: transparent url(images/nav_examenes.jpg) center center no-repeat; }
#footer .navigation #navEnlaces .text{ width: 85px; background: transparent url(images/nav_enlaces.jpg) center center no-repeat; }
#footer .navigation #navEmail .text{ width: 176px; background: transparent url(images/nav_email.jpg) center center no-repeat; }

.page.home .navigation{ margin: 50px 0 0 40%; }
.page.home .navigation a .content .icon{ height: 34px; width: 27px; margin-right: 10px; }
.page.home .navigation a:hover .content .icon, .page.home .navigation .selected a:hover .content .icon{ background: transparent url(images/etar_mini_h.jpg) 0 center no-repeat; }

.page.home .navigation #navArcos .text{ width: 77px; background: transparent url(images/nav_arcos_h.jpg) right center no-repeat; }
.page.home .navigation #navSedes .text{ width: 77px; background: transparent url(images/nav_sedes_h.jpg) center center no-repeat; }
.page.home .navigation #navStaff .text{ width: 74px; background: transparent url(images/nav_staff_h.jpg) center center no-repeat; }
.page.home .navigation #navExamenes .text{ width: 128px; background: transparent url(images/nav_examenes_h.jpg) center center no-repeat; }
.page.home .navigation #navEnlaces .text{ width: 109px; background: transparent url(images/nav_enlaces_h.jpg) center center no-repeat; }
.page.home .navigation #navEmail .text{ width: 223px; background: transparent url(images/nav_email_h.jpg) center center no-repeat; }

#fb {float: right; margin: 0 25% 10px 50px;  }

/* TITLES */
.page .title{ font-weight: normal; }
.page .title.t1{ padding: 35px 0 0 2px; color: #9b8d7f; font-size: 1em; letter-spacing: 1px; margin-bottom: 30px; }
.page .title.t1 span{ display: none; }
.page .title.t2{ font-size: 1.2em; color: #9B8D7F; }
.page.enlaces .title.t1{ background: transparent url(images/t_enlaces.jpg) 0 0 no-repeat; }
.page.arcos .title.t1{ background: transparent url(images/t_arcos.jpg) 0 0 no-repeat; }
.page.staff .title.t1{ background: transparent url(images/t_staff.jpg) 0 0 no-repeat; }
.page.examenes .title.t1{ background: transparent url(images/t_examenes.jpg) 0 0 no-repeat; }
.page.sedes .title.t1{ background: transparent url(images/t_sedes.jpg) 0 0 no-repeat; }

/* FOOTER */
#footer{ background: #6b5d4f; }
#footer *{ text-align: center; color: #E0D9C5; }
#footer .row.one{ border-top: 5px solid #352412; border-bottom: 5px solid #352412; background: #46392E; }
#footer .row.two{ margin-top: 20px; }
#footer .info{ font-size: 1.2em; line-height: 1.2em; }
#footer .copyright{ font-size: .6em; line-height: 3em; letter-spacing: 1px; }
.page.home #footer{ border-top: 5px solid #6b5d4f; background: #46392e; clear:both;text-align: center; }

/* TYPES */
.list li{ line-height: 2em; }
.list.bullet li{ list-style-position:inside; list-style-type:square; line-height: 1.5em; }
.list.center{ list-style: none; }
.list.center li{ text-align: center; }
.list.levels{ width: 230px; margin: 0 auto; }
.list.levels *{ height: 86px; }
.list.levels li{ list-style: none; margin: 20px 0; }
.list.levels li span{ font-size: 0; text-indent: -2000%; line-height: 0; width: 130px; display: block; }
.list.levels .level-1{ background: transparent url(images/examenes/level1.jpg) right 0 no-repeat; }
.list.levels .level-2{ background: transparent url(images/examenes/level2.jpg) right 0 no-repeat; }
.list.levels .level-3{ background: transparent url(images/examenes/level3.jpg) right 0 no-repeat; }
.list.levels .level-4{ background: transparent url(images/examenes/level4.jpg) right 0 no-repeat; }
.list.levels .level-5{ background: transparent url(images/examenes/level5.jpg) right 0 no-repeat; }
.list.levels .level-1 span{ background: transparent url(images/examenes/level_1.jpg) 0 center no-repeat; }
.list.levels .level-2 span{ background: transparent url(images/examenes/level_2.jpg) 0 center no-repeat; }
.list.levels .level-3 span{ background: transparent url(images/examenes/level_3.jpg) 0 center no-repeat; }
.list.levels .level-4 span{ background: transparent url(images/examenes/level_4.jpg) 0 center no-repeat; }
.list.levels .level-5 span{ background: transparent url(images/examenes/level_5.jpg) 0 center no-repeat; }

.bows{ margin: 40px auto; width: 70%; }
.bows .record{ text-align: center; }
.bows a{ background: transparent; height: 312px; }
.bows span{ font-size: .8em; letter-spacing: 1px; }
.teachers .record{ width: 80%; margin: 20px auto; }
.teachers .record .list{ margin: 0 3% 0 3%; }
.sedes .record{ width: 90%; margin: 20px auto; }
.thumbs img{ display: block; clear: both; margin: 5px auto; }
.centered{ text-align: center; }
.sedes a{ background: transparent; }
.main-image{ background: transparent url(images/main-image.jpg) center 0 no-repeat; height: 258px; }


.page.home #header{ margin: 0 auto; width: 850px; }
.page.home #logotype{ float: right; }
.page.home #website-title{ float: left; margin: 101px 0 0 50px; }
.page.home #website-title span{ text-indent: -200%; font-size: 0; line-height: 0; display: block; }
.page.home #website-title .escuela{ background: transparent url(images/escuela.jpg) 0 0 no-repeat; height: 49px; width: 273px; }
.page.home #website-title .tradicional-de{ background: transparent url(images/tradicional-de.jpg) 0 0 no-repeat; height: 54px; width: 460px; }
.page.home #website-title .arqueria{ background: transparent url(images/arqueria.jpg) 0 0 no-repeat; height: 49px; width: 276px; }



/* GRIDS - on percentages */
.third{ width: 29.9%; }
.half{ width: 49.9%; }
.pc20{ width: 19.9%; }
.pc30{ width: 29.9%; }
.pc50{ width: 50%; }
.pc70{ width: 69.9%; }
.pc80{ width: 79.9%; }