@import url('personal.css');
/*  
Theme Name: CalcutaUC
Theme URI: http://www.webync.com
Description: Tema personalizado exclusivamente para sitio web de CalcutaUC
Version: 1.0
Author: Pedro Pablo Vivanco D.
Author URI: http://www.webync.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


html {margin:0; padding:0; background-color: #3241b4}
* {margin:0;padding:0;font-family:"Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif; }
body {margin:0; padding:0; font: 10pt Arial, Helvetica; color: #333;}
p {	margin: 15px 0;}

a:link, a:visited {color: #036;text-decoration:none}
a:hover, a:active {color: #039;text-decoration:underline;}
a img {border:0;}

code {font: 1.0em 'Courier New', Courier, Fixed;background:#ececec;}	
acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;cursor: help;}			
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {padding: 10px 10px 0 10px;font:1.0em Arial;line-height:1.5em;margin:10px 0px; clear:both; text-align:right; font-style:italic;}
select {width: 130px;}	

/* Structure */

/* INICIO ESTRUCTURA SITIO */
#head {width:1000px;margin:0px auto;padding:0px;}
#page {width:1000px;margin:0px auto; padding:0px; background-color:#fff; padding-top: 15px}

.left, .alignleft {float:left;}
.right, .alignright {float:right;}
.center, .aligncenter {margin: 0 auto;}

/* BARRA DE NAVEGACION */
#navbar {margin:0 auto;padding:0px;background: url(images/fondo_menu.jpg) repeat-x top;border-bottom: solid 1px #5179b3;border-top: solid 1px #036;height: 30px;line-height: 30px;width:100%;}
#menu {width:1000px;margin-bottom:0px;margin:0 auto;}
#page-bar {margin-bottom:0px;margin:0 auto;border-left:1px solid #5179b3;border-right:1px solid #375686;}
#page-bar ul {list-style: none;}
#page-bar li {float:left;list-style:none;cursor: pointer;display:block;border-right:1px solid #5179b3;border-left:1px solid #375686;font-size:10pt;text-transform:uppercase;}
#page-bar li:first-child {border-left:1px solid #375686;}
#page-bar a, #page-bar a:visited {margin: 0px;padding-left:10px;padding-right:10px;font-weight:bold;color:#fff;display:block;}
#page-bar li a:hover, #page-bar li:hover>a {text-decoration:underline;display:block; color:#FFF; background-color:#375686;}



/* Dropdown Menus */		
#page-bar li {float: left;margin: 0px;padding: 0px;}
#page-bar li li {float: left;margin: 0px;font-size:8pt;text-transform:none;font-weight:normal;width:170px; height:30px; line-height:30px; border: none;}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {background: #fff;color:#036;float: none;margin: 0px;border: 1px solid #C0C0C0;}
#page-bar li li a:hover, #page-bar li li a:active {background: #eee;color: #06F}
#page-bar li ul {position: absolute;left: -999em;width:170px; z-index:2}
#page-bar li li:first-child {border-right: 0px solid #C0C0C0;border-left: 0px solid #C0C0C0;}
#page-bar li:hover ul {left: auto;display: block;}	
#page-bar li:hover ul, #page-bar li.sfhover ul {left: auto;}

/* TEXTOS */

h1 {font:3.5em Arial;font-weight:bold;letter-spacing:-0.08em;}
h2 {font:20px 'Carme', sans-serif;color:#1b265c;}
h3 {font-size:1.5em;margin-bottom:3px;color: #375686;font-weight:bold;}
h4 {font-size:13pt; color:#1b265c; font-weight:bold; margin:5px 0px 5px 0px;}
h3.cat_title, h3.cat_title a {color:#333;letter-spacing:-0.05em;font-size:0.85em;}
h3#respond {margin-top:0px;padding-top:20px;}
h3#comments {margin-top:32px;padding-left:0px;}
h3.authors {margin-top:15px;}

hr {height:1px; margin:10px; color: #ddd}

/* PAGINA PRINCIPAL */

#logo {width:350px;}
#tagline {margin-top:5px;font-size:1em;color:#333;}
#top {padding:0; background-color: #fff;}
	
/* ESTRUCTURA CENTRAL Y NOTICIAS */
#headline {width:700px;float:left;padding:5px;display: inline-block;}
#slide {width:700px; height:193px; margin-bottom: 10px;clear:both;display: inline-block; background-color: #ddd}
#wrapper { margin: 0 auto; padding:0px; width: 680px; }

#headline a img {border:0px solid #ccc;z-index:0;}
	
/* HOME */
#noticias {width:420px; display:inline-block; float:left}
#principal {border-bottom: dashed 1px #ddd; padding-bottom:10px; font-size:13px; text-align:justify}
#principal img { padding-top:10px; text-align:center}
#principal .titulo a {font-size: 18px; font-weight: bold; line-height:19px}
#principal .datos, #mas-noticias .datos {font-style:italic}
#mas-noticias {width:420px; padding-bottom:10px; border-bottom: dashed 1px #ddd; padding-top:10px;font-size:12px; text-align:justify}
#mas-noticias .titulo {text-align:left}
#mas-noticias .titulo a {font-size: 16px; font-weight: bold; line-height:17px;}
#mas-noticias img {padding-right:5px;}


#home-derecha {float:right; width:270px;}
#home-derecha h2 {width:auto; text-align:right}
#opinion {width:250px; padding:10px; background-color: #3342b5; margin-top:10px; display:inline-block; color: #fff}
#opinion #titulo a {color:#fff; font-size:1.4em; line-height:1.3em; font-weight:bold; letter-spacing:-0.02em; display:block}
#opinion img {width:100px; float:left; text-align:center; margin-right:5px;}
#opinion ul {list-style-position: inside; list-style-type: square; color: #fff}
#opinion ul li {padding:5px 0px; border-bottom: dashed 1px #fff;}
#opinion ul li a {color: #fff}


/* ARCHIVOS Y DETALLES NOTICIAS*/
#archive {padding-top:15px;}
#archive .title {font-weight:bold;font:15pt Verdana, Geneva, sans-serif;letter-spacing:-0.05em;}
#archive .clearfloat {padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
#archive .spoiler {display:block;margin-top:3px; font-size:10pt;}
#archive p {margin:0px;padding:0px;}
#archive img {border:1px solid #ccc;margin:0 10px 5px 0;padding:2px;}
#archive .foto{border:0px solid #ccc;margin:0 auto;padding:0px;}
.author {font-size:0.8em;font-weight:bold;}
.meta {font-size:9pt;color:#03C;}
.meta a {color:#C00;}
#coordinador {padding:5px; display:inline-block; width:100%; text-align:right}
#coordinador img {float:right; margin-left:10px;}

#headline p, #featured p {margin:0;}

/* PAGINAS Y ARTICULOS */

#content {width:700px; padding:10px;float:left;min-height:400px;}
#content .breadcrumbs, #content .breadcrumbs a {font-weight:bold;color:#333;}
#content h3.titulo-noticia {font-size:27px;font-weight:bold;letter-spacing:-0.02em;border-top:0px solid #ddd;color:#036;padding:2px 0px 5px 0px;}
#content h4.bajada {font: font-weight:normal; font-size:14px; line-height:14px;font-style:italic;color:#666;border-bottom:1px solid #ddd;margin-bottom:5px;}
.post {font-size:10pt;}
.post h2, #content h2 {height:30px; font-size:30px; line-height:30px; border-bottom: solid 1px #ddd; padding-bottom:4px; margin-bottom:10px}
.post h2:before, #content h2:before {content:'» ';}
.post .foto {float:right; margin:3px; }
.post p {margin-top:0px;}
.post .clearfloat {margin:10px 0px;}
.post ul, .post ol, #front-list ul, #front-list ol {margin-bottom:15px;}
.post ul li, #front-list ul li {	list-style:square;margin-left:30px;}
.post ol li, #front-list ol li {	list-style:decimal;margin-left:30px;}
.post ol li ul li, #front-list ol li ul li {	list-style:square;margin-left:20px;}
.post .ads {margin-top:10px;}
#comentarios {width:660px; margin:0 auto; border: solid 1px #ccc; background-color: #fefefe; padding:10px}
.entry {margin-top:20px; text-align:justify}
.entry img {padding:5px}
#stats {margin-top:0px;padding:4px 0px;font:8pt Arial;display:block;color:#036;}
#stats span {padding: 0px 20px 0px 0px;}
#stats span a:hover {background:none;text-decoration:underline;}
#stats span img a:hover {background:none;text-decoration:none;}
#stats span a {color:#036;text-decoration: none;}
#stats img, #nav img {border:0px;margin:0px;padding:0px;}
#tools {width:auto;height:25px;font-size:0.95em;}
#tools a:hover {background:none;}
.navigation {padding:5px 0px;text-align:Center; font-size:10pt;}
.wp-caption-text {text-align: center}


/* Sidebar*/

#featured {width:260px;float:right;padding: 5px;height:100%}
#featured .clearfloat {margin-top:7px;margin-bottom:8px;}
#featured .info {margin-top:5px;padding-top:5px;float:right;width:180px;}
#featured .title {font-weight:bold;}
#sidebar {margin: auto;padding:0px;border: solid 0px #fff;}
#featured h2 {text-align:center; background-color:#3342b5; color: #fff; border-bottom: double 8px #fff;padding:5px 0px;margin-bottom:0px;}
#sidebar-top-blanco h2 {text-align:center;color:#1b265c;border-bottom: solid 1px #1b265c;padding-bottom:5px;margin-bottom:5px;}
#sidebar-top table {margin:0 auto;}
#sidebar-top .fecha {width:55px; border-right: solid 1px #CCC; padding-bottom:10px; padding-top:5px; border-bottom: dotted 1px #ddd}
#sidebar-top .texto {padding-left:5px; font-size:9pt; padding-bottom:10px; padding-top:5px;border-bottom: dotted 1px #ddd}
.fecha .dia {font-size:15pt; text-align:center; line-height:8pt}
.fecha .mes, .fecha .ano {font-size:8pt; text-align:center; text-transform:uppercase}
#sidebar-top h3 {font:9pt Arial;font-weight:bold;background:url(images/fdoH3.jpg) repeat-x top;color:#036;padding:3px;border: solid 1px #bbb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#sidebar-top h4 {font-size:10pt; font-weight:bold; color:#039}
#sidebar-top h5 {font-size:9pt; float:right; display:inline-block; width: 180px}
#sidebar-top #texto { font-size:8pt; border-bottom: dotted 1px #ccc; margin-bottom:5px; padding-bottom:5px}
#sidebar-top, #sidebar-top-blanco {width:250px;padding:5px;margin-bottom: 20px;clear:both;display:inline-block;}
#sidebar-top {background-color:#eee;}
#sidebar-top-blanco {background-color:#fff; border:solid 1px #1b265c; -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#info {width: 255px; padding:0px; clear:both; display:inline-block; text-align:center; margin-bottom: 20px;}
#info img {width:40px; border:0}
#facebook {margin:20px 0px}



/* FORMULARIOS */

.entry form {width:700px; margin:0 auto; padding:5px; border: #ddd 1px dotted}
.entry form th {text-align:center; font-size:9pt; background-color: #ddd; padding:6px}
.entry form td {text-align:center; padding:6px}
.entry label {display:inline-block; width:700px; font-size:12pt;  line-height:12pt;padding:10px 0px; border-bottom: 1px dotted #fff}
.entry label input {font-size:12pt; line-height:12pt; float:right; border: solid 1px #00406f; width:200px}
.entry label select {font-size:12pt; line-height:12pt; float:right; width:auto}
.entry label textarea {width: 350px; height: 150px; font-size:12pt; line-height:12pt; float:right; border: solid 1px #00406f;}
.entry form h3 {padding:10px 0px;}


#inscripcion {border: dashed 1px #eee; width:540px; display:inline-block; padding:0px 5px 5px 5px;margin-top:10px; line-height:25px; text-align:center}
#inscripcion label {display:block; font-size:12pt;  line-height:12pt;padding:10px 0px; border-bottom: 1px dotted #fff}
#inscripcion label input {font-size:12pt; line-height:12pt; float:right; border: solid 1px #00406f}
#inscripcion label select {font-size:12pt; line-height:12pt; float:right;}
.enviar {margin-top:10px}
#searchform {width:257px; margin: 0 auto; padding-bottom: 20px; height:25px}
#s {width:185px; height:23px; float:left; padding:0; margin:0; border:1px solid #032250; font-size:10pt;}
#searchsubmit {padding:0px; margin:0; float:right}
#commentform input {width: 200px;margin: 5px 5px 1px 0;}
#commentform textarea {width: 94%;margin-top:5px;}
#comentabox {border:#ddd solid 1px; background-color:#eee; padding:5px;}
#comentabox label {background-color:#eee;}

/* COMENTARIOS */

.commentlist cite {font-style:normal;margin-bottom:4px;display:block;}	
.commentlist .chico {color:#666; font-size:8pt; font-weight:bold;}	
.commentlist blockquote {background:#ededed;}		
.commentlist li {padding: 10px 0px 10px 0px;list-style:none;margin-bottom:3px;border-top:dotted 1px #CCC;}
.commentlist li li {background:none;border:none;list-style:square;margin:3px 0 3px 20px;padding:3px 0;}
.commentlist p { margin: 0px; display:block; margin-left:150px; border-left: solid 1px #eee; padding-left:5px; font-size:13px; line-height:15px; padding-right}
.comentariobox {display:block; background:url(images/fdoComentarios.jpg) top repeat-x; min-height:100px;}
.comment-esta-pagina {padding:2px; margin:2px; border: solid 1px #036; color:#036; width:15px; height:15px; vertical-align:middle; line-height:15px; display:inline-block; text-align:center;}
.comment-pagina {padding:2px; margin:2px; border: solid 1px #036; color:#036; width:15px; height:15px; vertical-align:middle; line-height:15px; display:inline-block; text-align:center;}
.commenttext {padding: 10px 10px 0px 10px;background:#f2f2f2;border-top:1px solid #ddd;border-bottom: 1px solid #ddd;width:495px;float:right}	
.commentlist cite strong {font-size:1.1em;}
li.my_comment {background: #FFF;border:none;}
li.my_comment cite strong {font-size: 1.3em;color:#313228;}
#commentform small {font-weight:bold;padding:0;}
.commentmetadata {color:#4d4d4d;display: block;margin-top:3px;text-align:right;font-size:0.9em;}
.commentmetadata a, .commentmetadata a:visited {color:#959382;}
.commentlist small {background:#e9e9e9;}
.avatar {border:1px solid #bbb;margin:0px 10px 0px 0px;float:left;padding:2px;width:55px;height:55px;}	
#comment {width:590px;background:#fff;}

/* Footer*/

#footer {width: 1000px;font-size:8pt;border-top:solid 1px #fff;background:#00293e;color: #FFF;}
#footer2 {width: 1000px;font-size:8pt; padding:0px; margin:0 auto; border-top:dotted 1px #fff; background-color: #fff; text-align:center; color: #333;}
#linea-azul {width: 100%; background-color:#ff8a26; height:8px;}
#footer4 {width:920px; text-align: left; margin:0 auto; padding:10px; text-transform:uppercase; font-size:8pt}
#footer4 a:link, #footer4 a:active, #footer4 a:visited {width:248px; height:46px; display:block; background: url(images/futbol.jpg); margin:10px}
#footer4 a:hover {width:248px; height:46px; display:block; background: url(images/futbolSobre.jpg);}
#footer3 {width:980px; text-align: right; margin:0 auto; padding:10px; background-color:#fff}
#footer3 ul {float: left; padding:0;  margin:0; list-style-type: none; display:inline-block}
#footer3 li {float:left; padding:10px; line-height:50px;}
#texto-derecha {float: left; color:#FFF; font-weight:bold; clear:left; text-align:right; font-size:8pt; margin-left:5px;}

/* Float Properties*/
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfloat {height:1%;}
*+html .clearfloat {height:1%;}
.clearfloat {display:block;}