/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#navwrap ul li a { font-family: 'RR'; color: #ffffff; text-transform: uppercase; text-decoration: none; padding: 14px 10px 15px 9px; display: block; background: url(images/sep.jpg) no-repeat left; font-size: 14px;}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

body { background:url(images/bg.jpg);}

.wrap { width:100%; margin:0 auto;}

/*---- HEADER ---*/

#navtop { background: #222222; height: 30px; padding: 1px 0 0 0;}

#navtop ul { margin: 7px 0 0 0; float: right;}

#navtop ul li { float: left; margin: 0 5px; }

#navtop ul li a { font-family: 'RB'; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 12px;}

#navtop ul li a:hover { text-decoration: underline;}

#navtop ul li a span { color: #f2f207;}

#logowrap { width: 297px; float: left; margin: 0 0 0 5px; margin: 20px 0 0 0;}

#logo a { background: url(images/logo_palestra.png) no-repeat; display: block; width: 297px; height: 65px; text-indent: -999999px;  }

a:hover { text-decoration: underline;}

#director { color: #000; font-size: 14px; font-family: 'RR'; margin: 8px 0 0 0; text-align: center;}

#adheader { width: 400px; float: left; margin: 35px 0 0 0;}

/*---- NAV ---*/

#navwrap ul { background: #103054; height: 45px; border-bottom: 2px solid #c2d3e5; margin: 25px 0; }

#navwrap ul li { float: left; }

#navwrap ul li a { font-family: 'RR'; color: #ffffff; text-transform: uppercase; text-decoration: none; padding: 14px 5px 15px 5px; display: block; background: url(images/sep.jpg) no-repeat left; font-size: 12px;}

#navwrap ul li a.yellow { color: #f2f207; padding: 14px 13px 15px 13px;  }

#navwrap ul li a:hover { background:url(images/sep.jpg) no-repeat left #4687c7;}

#nav ul li:first-child a { background: none;}

/*---- SLIDER ---*/

#featured-box {width:99%; height: 341px; float:left; border: 1px solid #c1c1c1; background: #ececec; padding: 4px; margin: 0 0 10px 0;}

ul#tabnav{width:80px;float:right; margin: 0 14px 0 0; }

#tabnav li { margin: 0 0 5px 0;}

#tabdiv img { width: 900px;}

#tabnav li.ui-tabs-selected img { border: 2px solid #4C4C4C;}

#tabnav li img {}

.widgets {width:650px; height:341px;}

.tabdiv {width:550px;float:left; height:341px; position:relative;display:inline;}

.tabdiv .figcaption {width:529px;padding:20px 10px;position:absolute;bottom:0px;left:0px;background:url(images/caption.png);_background:#000; }

.tabdiv .figcaption a {color:#fff;font-weight:normal;font-size:18px;text-decoration:none; font-family: 'RR';}

.ui-tabs-hide {display: none;}

.page_left_con, .page_right_con { cursor: pointer;}

/*---- CONTENT ---*/

#contr { width: 98%; padding: 0 1%; }

.nota { min-height: 300px;}

.nota img, .notac img, .notal img, .notaf img { border: 1px solid #c1c1c1; background: #ececec; padding: 4px; margin: 0 0 5px 0;}

#single { padding: 0 0 20px 0;}

#single img { border: 1px solid #c1c1c1; background: #ececec; padding: 15px; margin: 10px 0 5px 0; width: 100%; height: auto; width: auto\9; /* ie8 */}

#single .notal img { border: 1px solid #c1c1c1; background: #ececec; padding: 4px; margin: 0 0 5px 0;}

.notac img, .notal img, .notaf img { float: left;}

.relac { border: 1px solid #c1c1c1; background: #ececec; padding: 4px; margin: 0 0 20px 0;}

#single .relac img { border: none; background: none; padding: 0; margin: 0;}

.adgoogle { float: right;}

.relac ul { margin: 10px 0 0 10px; float: left; width: 270px; }

.relac ul li { margin: 0 0 10px 0;}

.relac ul li a { font-size: 16px; font-family: 'RR'; line-height: 20px; font-weight: bold; }

.relac ul li small { display: none;}

.col { width: 48%; float: left; }

.diez { margin: 0 10px 0 0;}

.title { background: url(images/bg_tit.png); padding: 12px 10px 10px 10px; margin: 0 0 5px 0; }

.title h2 a, #single .title h2 a { font-family: 'RB'; color: #103054; text-transform: uppercase; font-size: 18px; text-decoration: none;}

.title h2 a:hover { padding: 0 10px 0 0;}

.title h2 { float: left;}

.more { background: url(images/bullet_tit.png) no-repeat; width: 15px; height: 15px; text-indent: -999999px; display: block; float: left; margin: 0 0 0 10px;}

.nota, .notal { border-bottom: 1px dashed #919191; padding: 0 0 10px 0; }

.notac, .notaf { border-bottom: 1px dashed #919191;}

.nota h3 { color: #4c4c4c; font-family: 'RR'; line-height: 18px; font-size: 15px;}

#single h3 { color: #4c4c4c; font-family: 'RR'; line-height: 22px; font-size: 16px; margin: 10px 0 0 0;}

.notaccont { float: right; width: 245px;}

.notafcont { float: right; width: 150px;}

.notalcont { float: right; width: 315px; padding: 20px 0 0 0;}

.notalconta { float: right; width: 315px; padding:0;}

.meta { margin: 0 0 5px 0;}

.meta, .meta a { color: #4687c7; font-family: 'RB'; font-size: 12px; }

.meta ul li { float: left; margin: 0 10px 0 0;}

.notacont p { color: #6a6a6a; font-family: Arial; font-size: 13px; line-height: 17px;}

.notalcont p { color: #6a6a6a; font-family: Arial; font-size: 13px; line-height: 17px;}

#single p { color: #6a6a6a; font-family: Arial; font-size: 14px; line-height: 20px; margin: 0 0 10px 0; text-align: justify;}

#single a { color: #4687C7;}

.comments { background: url(images/comment.png) no-repeat; padding: 0 0 0 20px; text-indent: -99999px;}

.notac, .notaf { padding: 10px 0 0 0;}

.notal { padding: 5px 0;}

.notac h3, .notal h3  { color: #4c4c4c; font-family: 'RR'; line-height: 18px; font-size: 15px;}

.notaf h3  { color: #b4b4b4; font-family: 'RR'; line-height: 18px; font-size: 15px;}

.doscol, .allcol { background: url(images/sep_line.png) repeat-x bottom; padding: 0 0 20px 0; margin: 0 0 10px 0;}

/*---- SIDEBAR ---*/

#sidebar { width: 300px; float: right; margin: 0 10px 0 0; display: none;}

#search { margin: 0 0 10px 0;}

#s { background: #d0d0d0; border: 1px solid #929292; padding: 10px; -moz-border-radius: 5px; border-radius: 5px; width: 200px;}

#searchsubmit { background: #103054; border: none; color: #ffffff; padding: 10px; -moz-border-radius: 5px; border-radius: 5px;}

.ad { margin: 0 0 10px 0;}

#facebox { margin: 0 0 10px 0;}

.box{ background:#4687C7; padding:10px; margin-bottom:10px;}

.box a{ color:#FFF; font-family:'RR'; font-size:16px; text-decoration:none;  }

.box a:hover{ text-decoration: underline;}

.left{ float:left;}

.right{ float:right; }

/*---- FOOTER ---*/

#footer { background: #222222; padding: 10px 0;}

.titlef { margin: 0 0 5px 0; }

.titlef h2 a { font-family: 'RR'; color: #ffffff; text-transform: uppercase; font-size: 18px; text-decoration: none;}

.titlef h2 a:hover { padding: 0 10px 0 0;}

.titlef h2 { float: left;}

.moref { background: url(images/bullet_titf.png) no-repeat; width: 15px; height: 15px; text-indent: -999999px; display: block; float: left; margin: 0 0 0 10px;}

.tresc { width: 31%; float: left; margin: 0 1%;   }

.tresc p { font-family: Arial; font-size: 13px; line-height: 17px; color: #b4b4b4; text-align: justify;}

#palestra { float: left; margin: 0 10px 10px 0;}

.cats { padding: 0 10px; }

.cats li { border-bottom: 1px dashed #919191; padding: 5px 0; }

.cats li a { color: #b4b4b4; font-family: 'RR'; line-height: 18px; font-size: 15px; text-transform: uppercase; text-decoration: none;}

.cats li a:hover { color: #ffffff;}

#firma { width: 159px; height: 35px; background: url(images/sign_tekoestudio.png) no-repeat; display: block; text-indent: -999999px; margin: 50px 0 0 0;}

#firma:hover { background-position: bottom;}




}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}