/* Start of CMSMS style sheet 'mainSuterhNuevo' */
@charset "UTF-8";

.clear {clear: both; }
.hide { display: none; }
body { background-color: #666; color: #000; margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 75.01%;line-height: 1em;}    
div {font-size: 1em;} 
img {border: 0;}
div a, a:link, a:active, a:visited {text-decoration: none; background-color: inherit;color: #023F88;} 
div a:hover {text-decoration: underline;}
hr {color: #fff;background:transparent;margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #eee solid;}

form {margin-bottom:0}

#contenedor { width: 999px;margin: 0 auto; }
#book {border-top: solid 1px #ccc;background-color: #ccc; } 
#cabezal, #footer {border: solid 1px #ccc;margin: 0.5em; padding: 1px 0.5em; }
#cabezal {padding: 0.5em; margin-bottom: 0;}
#contenidos { width: 640px; margin: 0 auto; background-color: #fff; }

#contenido { padding-right: 22%;}
#page {float: left;width: 100%;}
div.panel { border: solid 1px #ccc; padding: 1px 0.5em; margin: 0.5em; margin-bottom: 0; } 
.cabezal, .cabezales {padding: 0.2em; font-size: 120%; margin:0 0 0.5em; font-weight:bold; text-align:center;color: #fff; border-bottom: #ddd medium outset; border-right: #ccc inset medium;background-color: #4682b4;}

#banners { width: 28.2%; float: left; margin-right: -28.2%;text-align: center; }
#banners div.panel { margin-left: 0; }
* html #banners {margin-right: -28.2%; }

#left-column {float: left; width: 60%;}   /* 60%; 40%; */
#left-column div.panel {margin-right: 0.25em;}
#left-column div.lcpanel-100 div.panel {padding: 0;border: none;}
#right-column {float: left; width: 40%; } /* 60%; 40%; */
#right-column div.panel {margin-left: 0.25em; margin-right: 0.5em;}
#right-column div.rcpanel-100 div.panel {padding: 0;border: none;} 

#toolbox {width: 100%;float: left;text-align: right;} 
#toolbox div.panel {padding: 0;margin-left: 0;margin-right: 0;border: none;}
#toolbox button {background-color: #fff;color: #000;border: solid 1px #ccc;}
#toolbox div.theme-picker input {margin-left:3px;width: 30px; height: 18px; }
#toolbox div.theme-picker input#default {background-color: #fff;}
#toolbox div.theme-picker input#blue {background-color: #ccf;}
#toolbox div.theme-picker input#red {background-color: #fcc;}
#toolbox div.theme-picker input#green {background-color: #cfc;}
#toolbox div.theme-picker input#orange {background-color: #fc9;}
#toolbox div.theme-picker input#gray {background-color: #ccc;}
#footer {padding: 1px 1em;text-align: center;}

div.two-columns {width: 100%;}
div.two-columns div.tc-left-column {float: left;width: 50%;vertical-align: top;}
div.two-columns div.tc-right-column {float: left;width: 50%;vertical-align: top;}
div.two-columns div.tc-right-align {text-align: right;}
div.two-columns div.tc-left-column div.tc-panel {margin-right: 0.25em;}
div.two-columns div.tc-right-column div.tc-panel {margin-left: 0.25em;}
div.tc-border div.tc-left-column {margin-right: -1px;border-right: solid 1px #ccc;}
div.tc-border div.tc-right-column {border-left: solid 1px #ccc;}

div.news {margin-bottom:-1px;font-size:1em;width:100%;} 

.col50L {float: left;display: inline;width: 50%;}
.col50R {float: right;width: 50%;}
.copete {color: #023F88;font-weight: bold;font-size: 110%;line-height:130%;padding: 10px 0;}
.transparente {background:transparent}
.destacadox1 {float:right;width:98%;border: 1px solid #ccc; margin-bottom: 1em;}
.destsinmarcox1 {float:right;width:98%;padding: 1px;margin-bottom: 1em;}
.imagen {width: 94%;padding: 1%;border: 1px solid #ccc; margin-bottom: 1em;}
.banner148 {margin: 0 0 0.2em 2px;}
.imagen140 {margin: 0 5px 0.8em;}
.cuadroimage {float:left;border: 1px solid #ccc; margin: 0pt 15px 15px 0pt; padding: 2px;}
.cuadroimageright {border: 1px solid #cccccc; margin: 0pt 15px 15px 15pt; padding: 2px}
.centercuadro {display: block; margin-left: auto;margin-right: auto;border: 1px solid #ccc; padding: 2px;}
.centerimagen {display: block; margin-left: auto;margin-right: auto;}
.newsfotocope80 {width: 100%}  /* {width: 80%; margin: 0 5%;} */
.bloque100 {width: 100%;}
.fondogris {width: 94%;padding: 2px;border: 1px solid #ccc;margin-bottom: 1em;background-color: #eee}
.borderleft {border-left: 1px solid #cccccc; padding-left: 5px; margin-left:10px;}
.borderbotom {border-bottom: 1px solid #ccc;}

/* CSS Hacks  */
.clear {padding-bottom: 1px; margin-bottom: -1px;}
#page, #left-column, #right-column, #toolbox { overflow: visible; }
#main-menu {padding-left: 1em; padding-right: 1em;}
#book {min-width: 0;}
* html #book {position: relative;}
* html #contenido {height: 100%;}
div.tc-right-column, #right-column { margin-right: -1px;}
* html #masthead {background-image: none;}
* html #toolbox {margin-right: -100%; /* for Mac/IE \*/ }
* html div.tc-border div.tc-right-column {margin-right: -100%;} 
* html div.tc-panel { padding: 1px 0;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {min-width: 0; display: inline-block; display: block;}
* html .clearfix {height: 1%;}

.floatbox { overflow:hidden; }
* html .floatbox { width:100%; }
* html .slidebox {position:relative; margin-right: -1000px; height: 1%;}


/********************
CONTENT STYLING
*********************/
div.main {font-size:0.8em;fo\nt-size:100%;}
h1, h2, h3, h4, h5, h6, p {margin: 0 0 5px 0;padding-bottom: 5px; line-height:100%;} 

h1 {font-size: 1.5em; font-weight:normal;color: #023F88;}
h2 {color: #023F88;font-size: 1.3em;padding-left: 0.3em;border-left: 0.5em solid #4682b4; border-bottom: 1px solid #4682b4; }
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: 0.85em;}
h6 {font-size: smaller;} 
p {line-height:110%}

/* para agrandar fotos */
.agrandar {}
 
.mapasedes a {text-decoration: underline;}

blocks {border-left: 5px solid red;margin-left: 10px;}
blockquote {border-left: 5px solid #eee;margin-left: 10px;}
strong, b {font-weight: bold;}
em, i {font-style:italic;}
code, pre {white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}
pre {border: 1px solid #000;background-color: #ddd;margin: 0 1em 1em 1em;padding: 0.5em;line-height:1.5em;font-size: 90%;}
div.templatecode {margin: 0 0 2.5em;}
/* END TEXT */

/* rss */
div.diariorss {margin:0 0 0.5em;padding:0.25em;}
div.diariorss h4 {margin:5px 0 0}
div.diariorss ul {margin: 0;padding:0;list-style:none}
div.diariorss ul li {margin: 0;padding:0;}

/*suscripcion news letter */
div#input_suscrip input {float:left;width:98%}

/* imagenes del rotate tag
div.rotate img {z-index:-10}   */

/* LISTS */
ul#newsbbc {margin:0;padding:0;list-style:none;}
ul#newsbbc a {color:#fff;}
div.newsroller ul {margin: 0;white-space: nowrap;padding:0;list-style:none;}
div.newsroller ul li {display:inline;}
div.newsroller ul li a {color:#fff;}

div#main ul, div#main ol, div#main dl {font-size: 1em;line-height: 1.4em;margin: 0 0 1.5em 0;padding:0}
div#main ul li, div#main ol li {margin: 0 0 0.25em 25px;}
div#main dl dt {font-weight: bold;margin: 0 0 0 1em;}
div#main dl dd {margin: 0 0 1em 1em;}
div#main dl {margin-bottom: 2em;padding-bottom: 1em;border-bottom: 1px solid #c0c0c0;}

div#eventos ul, div#eventos ol, div#eventos dl {font-size: 1em;line-height: 1.4em;margin: 0 0 1.5em 0;padding:0}
div#eventos ul li, div#eventos ol li {margin: 0 0 0.25em 25px;}
div#eventos dl dt {margin: 0 0 0 1.5em;}
div#eventos dl dd {margin: 0 0 0 1.5em;}
div#eventos dl {margin-bottom: 2em;}

/*TABLAS */
div#main table {border-collapse: collapse;width: 94%;empty-cells: hide;font-size:90%;margin-left: 10px;
 margin-right: 10px;}
div#main .tablafija {table-layout: fixed;}
div#main .tablamed {}
div#main td, div#main th {border: 1px solid #ccc;padding: 0.1em 0.1em;vertical-align:top; font-weight:normal;}
div#main table.tablafija td {text-align:left;color: black;}
div#main .tablamed td {text-align:left;color: black;}
div#main th {background: #023F88;text-align: center;color: white; text-transform:uppercase;}
div#main td {text-align:right;color: black;}
div#main td.col1 {text-align: left;color: black;}

div#otras table {width: 94%;empty-cells: hide;font-size:90%;margin:0;}
div#otras td, div#otras th {margin:0;border:0;padding:0}

div#medicos table {border-collapse: separate;width: 98%;font-size:1em; border: solid 1px silver; color:#666; padding:3px 5px 3px 5px;} 
div#medicos th {background-color:#4682b4; color:#fff; }
div#medicos td {text-align:left;border: solid 1px silver; color:#666; padding:3px 5px 3px 5px}
#medicos td.tdcursos {text-align: left; background-color: #4682b4; color: #ffffff;}

div#futbol table {border-collapse: collapse;width: 98%;font-size:90%; border-right: solid 1px silver;} 
div#futbol th {background-color:#4682b4; color:#fff;text-align:center; text-transform:uppercase;padding: 0.1em 0.1em;vertical-align:top; }
div#futbol td {text-align:center;border-left: solid 1px silver; padding: 0.1em 0.2em;vertical-align:top;}

.tablaLeft td {border: none;padding: 0.5em; text-align: left;color: black;}

.h4bordo {color: #AB3F32;font-weight: bold;font-size: 1em;line-height: 130%;}

.alternate {background-color: #ddf;}
caption{text-align:left;font-size:140%;text-transform:uppercase;letter-spacing:-1px;}

div#main table th a:link {color:#030;}
div#main table th a:visited {color:#003;}
div#main table td a:link {color:#369;}
div#main table td a:visited {color:#000;}
div#main table a:hover {text-decoration:none;}
div#main table a:active {color:#000;}

/* MENUS */
/* menutop */
ul.navlist {margin: 0;padding: 0;white-space: nowrap;}
.navlist li {display: inline;list-style-type: none;}
.navlist a { border-bottom:2px solid #ccc; border-right:2px solid #ccc; color: #fff;background-color: #4682b4; padding: 0 10px; }
.navlist a:link, .navlist a:active, .navlist a:visited {text-decoration: none; color: #fff;} 
.navlist a:hover {border-color: #ccc;background-color: #eee; color: #009;text-decoration:none}

#cabezal, div.panel, #footer {background-color: #fff;border-color:#999}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {margin-bottom:0.5em;margin-left:1em;}
fieldset div div {margin-top:0.5em;margin-left:1em}
fieldset {margin-bottom:1em;border:1px solid #F60;padding:0.5em}
fieldset label {width:auto;}
legend {color:#FFF;background:#F60;font-style:italic;font-size:1.2em;margin-bottom:0.5em;padding:0.2em;	width:auto;border:1px solid #CCC}
textarea {margin: 0.5em 0;width:98%;height: 6em}
.short-label label {float:left; width:10em}
.short-label fieldset div input, .short-label fieldset div select {width:16em}
.captcha {margin:0.5em 0;width:200px;text-align:center}
.captcha img {border:1px solid #F60; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}
.submit {margin-top:0.5em}
.contactform input {border: 1px solid #f60;}
.contactform input.checkbox {border: none;}
.contactform label {display: block;float: left;width: 150px;}
.contactform label.label {display: inline;float: none;width: 50px;font-size: 10px;}
.contactform textarea {background-color: #ffc;border: 1px solid #f60;}
.formbuilderform .message {line-height: 16px;	padding: 0 0 8px 0;}

/* End of 'mainSuterhNuevo' */