/*
Theme Name: UAS
Theme URI: 
Description: 
Version: 1.0
Author: Vladimir Meza
Author URI: http://rayobit.com
Tags:
*/

@charset "UTF-8";

/* GENERAL ------------------------------- */
* {margin: 0; padding:0;}
html { overflow: -moz-scrollbars-vertical;}
body {	margin: 0 0 20px 0;	font: normal 12px/16px Arial, Verdana, Helvetica; color:#544c41; background:#e7e3d8 url(images/bk.jpg) repeat-x;}
.wrap {	width: 900px; overflow:hidden; margin: 0 auto;}
a, a:visited, a img { color: #870002; text-decoration:underline; outline:none;}
a:hover { color:#000; }
img { border:none; }
p, h1, h2, h3, ul {margin: 0 0 12px 0;}
.clr { clear:both; height:0%; }
.line { height: 1px; margin:10px 0;  border-top: 1px Solid #D2D2D2; clear:both; display:block; }
.separador { border-bottom:4px solid #cec8b8; padding-bottom:7px; }

.box_azul { padding:10px; border:1px solid #b1d6e1; background-color:#cee9f1;}
.box_verde { padding:10px; border:1px solid #66cc00; background-color:#66ff66;}
.box_rojo { padding:10px; border:1px solid #cc0000; background-color:#ff8C8c;}
.box_cafe { padding:10px; border:1px solid #996633; background-color:#d9b38c;}



/* HEADER ------------------------------------------------------*/
#header { width:900px; height:110px; position:relative; }
.logo a { float:left; width:481px; height:89px; background:url(images/logo.png) no-repeat; margin:15px 0 0 10px; }
.logo h1 { margin: 0; }
.logo span { display:none; }

.busca { width:240px; float:right; margin-top:40px; }

/* BANNER --------------------------------------------------------*/
#banner {margin-bottom:20px; overflow:hidden; width:900px;}
#s1 { width:900px; height:233px; }

/* NAV ------------------------------------------------------*/
ul#nav { list-style:none; height:34px; line-height:34px; clear:both; background:url(images/bk-menu.png) no-repeat; font-size:11px; }
ul#nav ul { padding: 0; margin: 0; list-style: none; background: #fff url(images/bk-topnav.png) repeat-x top right; line-height:20px; }
ul#nav li { float: left; display:block; padding:0; }
ul#nav li a {  padding: 0 10px; display: block; text-decoration:none; color:#fff; border-right:1px solid #183E58; }
ul#nav li a:hover, ul#nav li.sfhover {  background-color:#3F8EC9; }
ul#nav li.first { margin-left:5px; }

ul#nav li ul { z-index:200; position: absolute; width: 110px; left: -999em;  }
ul#nav li li { margin:0; padding:0; float:left;  }
ul#nav li li  a { background-color:#e2ddcf; background-image:none; padding:6px; border-bottom:1px solid #cac3b0; width:198px; border-right:none; display:block; font-weight:normal;  color:#333; font:normal 11px "Lucida Sans", Arial, Helvetica; font:normal 11px "Lucida Sans", Arial, Helvetica; text-decoration:none; }
ul#nav li li  a:hover {  color:#333; background-color:#eae6d9; }
ul#nav li:hover ul {	left: auto; cursor:pointer;}
ul#nav li:hover ul, #nav li.sfhover ul { left: auto;  }

/* CONTENT ------------------------------------------------------*/
#content { background:#FFFFFF;}
.bottomround { background: url(img/bottom-content.png); width:900px; height:5px; margin:0;  }

/* WIDECOL ------------------------------------------------------*/
.widecol { width:660px; float: left; padding:10px 0 25px 0; line-height:17px; }
.widecol h1 { color:#333; font: normal 26px/28px Georgia, "Times New Roman", Times, serif;}
.widecol h1 a, .widecol h2 a { color:#333; text-decoration:none;}
.widecol h1 a:hover, .widecol h2 a:hover { text-decoration:underline;}
.widecol h2 { color:#555; font: normal 20px/22px Georgia, "Times New Roman", Times, serif;}
.widecol h3 { margin-bottom: 15px; color:#79705B; font:normal 16px/22px Arial, Helvetica;}
.widecol ul { list-style:none; line-height: 18px; margin-left:10px; margin-bottom:14px;}
.widecol ul li { margin:7px 0 0 0; background:url(img/bullet.png) no-repeat 0 1px; padding:0 0 0 18px;}
.widecol .block { padding:15px 15px 3px 15px; background-color:#e9f5f9; border:1px solid #d4e7ee; margin-bottom:13px; }
.widecol ol { line-height: 18px; margin-left:30px; margin-bottom:14px; padding:0;}
.widecol ol li { margin:7px 0 0 0; padding:0;}
.widecol .post_destacado { border-bottom:5px solid #e7e3d8; margin-bottom:15px; padding-bottom:10px; }
.thumb_destacado, .thumb_listado { float:left; margin:5px 10px 10px 0; }

.container_interior { background-color:#fff; padding:30px; overflow:hidden; width:600px; }
.container_interior_calendar { background-color:#fff; padding:30px; overflow:hidden; width:900px; }

.widecol .post { border-bottom:1px solid #e7e3d8; margin-bottom:15px; }


/* WIDECOL GC (google calendar) ----------------------------------------------*/
.widecolgc { width:900px; float: left; padding:10px 0 25px 0; line-height:17px; }
.widecolgc h1 { color:#333; font: normal 26px/28px Georgia, "Times New Roman", Times, serif;}
.widecolgc h1 a, .widecol h2 a { color:#333; text-decoration:none;}
.widecolgc h1 a:hover, .widecol h2 a:hover { text-decoration:underline;}
.widecolgc h2 { color:#555; font: normal 20px/22px Georgia, "Times New Roman", Times, serif;}
.widecolgc h3 { margin-bottom: 15px; color:#9c927c; font:normal 16px/22px Arial, Helvetica;}
.widecolgc ul { list-style:none; line-height: 18px; margin-left:10px; margin-bottom:14px;}
.widecolgc ul li { margin:7px 0 0 0; background:url(img/bullet.png) no-repeat 0 1px; padding:0 0 0 18px;}
.widecolgc .block { padding:15px 15px 3px 15px; background-color:#e9f5f9; border:1px solid #d4e7ee; margin-bottom:13px; }
.widecolgc ol { line-height: 18px; margin-left:30px; margin-bottom:14px; padding:0;}
.widecolgc ol li { margin:7px 0 0 0; padding:0;}
.widecolgc .post_destacado { border-bottom:5px solid #e7e3d8; margin-bottom:15px; padding-bottom:10px; }
.thumb_destacado, .thumb_listado { float:left; margin:5px 10px 10px 0; }
.container_interior { background-color:#fff; padding:30px; overflow:hidden; width:600px; }
.container_interior_calendar { background-color:#fff; padding:30px; overflow:hidden; width:900px; }

.widecolgc .post { border-bottom:1px solid #e7e3d8; margin-bottom:15px; }

/* NARROWCOL  ------------------------------------------------------*/
.narrowcol { font:normal 11px Arial, Helvetica, sans-serif; float: right; width: 220px; margin:5px 5px 0 0;}
.narrowcol h3 { margin:0 0 6px; color:#544c41; font:bold 12.5px/26px "Trebuchet MS", Verdana, Arial, Helvetica; text-transform: uppercase; letter-spacing:.5px; border-bottom:2px solid #cec6b1; padding-left:3px; }
.narrowcol ul {	margin:0; padding:0; list-style: none;}
.narrowcol li a { background: url(images/bullet.gif) no-repeat 3px 50%;	width:199px; margin:0;  border-bottom: 1px solid #DBD7CC; color: #333; padding: 6px 6px 5px 15px; display:block; text-decoration: none;}
.narrowcol li a:hover{ text-decoration:underline; color:#CC0000; }
.narrowcol p { line-height:14px; margin-bottom:7px; }

/* MODULE  ------------------------------------------------------*/
.module { margin-bottom:10px; }
.module h3, h3.nomargin { margin:0; padding-left:3px; }


/* ESTILOS FOTOS -------------------------- */
.imageframe { background-color: #edeae0; }
.alignright {float: right; margin: 5px 0 10px 10px;}
.alignleft {float: left; margin: 5px 10px 10px 0;}
.imagecaption { text-align:"left"; padding:5px 8px; font:normal 11px/13px  "Lucida Sans", Arial, Helvetica; color:#555;}
.attachment {}
.centered { margin-bottom:20px; }

.picbr {float:right; padding: 5px; margin: 0 0 5px 10px; background-color: #edeae0;}
.picbcor {float:right; padding: 5px; margin: 0 0 5px 10px; background-color: #fff;}
.picbl {float:left; padding: 5px; margin: 0 10px 5px 0; background-color:#edeae0; }
.picbcenter { display:block; text-align:center; padding: 4px; background-color:#edeae0; }
.picr {float: right; margin: 0 0 10px 10px; }
.picl {float: left; margin: 0 10px 10px 0;}

/* FOOTER ------------------------------------------------------*/
#footer { background:#dbd4c5 url(images/footer_logo.png) no-repeat 15px 10px; width:870px; height:70px; padding:15px; overflow:hidden; clear:both; border-top:5px solid #cfc8b7; color:#756c5f;  }
#footer a, #footer a:visited, #footer a:active { color:#870002; }
#footer a:hover { color:#544c41; }
#footer p { margin-left:70px; font:normal 11px/15px Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;  }

/* ACCORDION --------------------------------------------------- */
.basic  { width: 220px; overflow:hidden; margin-bottom:12px;}
.basic div { background-color: #fff;}
.basic a.title { cursor:pointer; display:block;	padding:5px; margin-top: 0; text-decoration: none; 	font-weight: normal; font-size: 11px; color: #5a4a42; border-bottom: 1px solid #c8c1ae; /* background-image: url(images/AccordionTab0.gif);*/ background-color:#d6d1c2;}
.basic a.title:hover { background-color: white; background-image: url(images/AccordionTab2.gif);}
.basic a.title.selected { color: black;	background-color: #f4f1e9; color:#fff; background-image: url(images/AccordionTab2.gif); }

.basic ul { margin:0; padding:0; list-style-type:none; }
.basic li a { padding:5px 5px 5px 16px; display:block; width:199px; border-bottom:none; }
.basic li a:hover { color:#000; background-color:#f4f1e9; }


/* TABS --------------------------------------------------- */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide { display: none; }}

/* Hide useless elements in print layouts... */
@media print {.ui-tabs-nav { display: none;}}

/* Skin */
.ui-tabs-nav {}
ul.ui-tabs-nav { margin:0; padding:0; background-image:none; } 
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 50px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 12px;
    background: url(images/tab2.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 4px 0 -18px; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	font:bold 12px "Trebuchet MS", Arial, Helvetica, Arial, sans-serif; text-transform:uppercase;
	letter-spacing:.5px;	}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 30px; /* IE 6 treats height as min-height */
    min-height: 30px;
    line-height:30px;
    padding-right: 0;
	text-decoration: none;}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {    background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px; color:#544c41;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {    background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}
.ui-tabs-disabled {   opacity: .4;    filter: alpha(opacity=40);}
.ui-tabs-panel {   padding: 25px 25px 25px 25px; background-color: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */    display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */    display: inline-block;}

blockquote {
	margin: 1em 2em;
	color: #666666;
	border-left: 2px solid #666666;
	padding-left: 1em; 
         font-size: 1.2em;}