/* ==== Simple Reset CSS ==== */
html,body,ul,ol,li,form,fieldset,legend,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{margin-top:0}
body{line-height:1}
fieldset,img{border:0}
legend{color:#000}
li{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;vertical-align:top;font-weight:400}
abbr,acronym{border-bottom:.1em dotted;cursor:help}
input[type=submit],label,select,button,.pointer{cursor:pointer}
textarea{overflow:auto}
iframe{filter:alpha(opacity=100)!important;opacity:1!important}
pre {white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}

/* Ruben Silva Rodriguez

Colores:
    grey: #89868b
    pink: #db659d

16px: 1em
15px: .938em
14px: .875em
13px: .813em
12px: .75em
11px: .688em
10px: .625em

*/

/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/
.mod:after{content:".";display:block;height:0;clear:both;visibility:hidden}

/*- fluid images and objects ----------*/
img,object,embed{max-width:100%}
::selection,::-moz-selection{background:#7790b6;color:#fff}
img::selection,img::-moz-selection{background:transparent}
@media only screen and max-device-width 480px {
html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}
a{-webkit-tap-highlight-color:rgba(200,0,0,0.4)}
}

/*- Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ ----------*/

@font-face {
font-family: 'Comfortaa';
src: url('/views/images/comfortaa.eot');
src: local('☺'),
url('/views/images/comfortaa.ttf') format('truetype');
}
a{color:#5493d8}
a:active{position:relative;top:1px}
a:hover{color:#db659d}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
/* @font-face{font-family:"Comfortaa";src:url("/views/images/comfortaa.eot?#iefix") format("embedded-opentype"), url("/views/images/comfortaa.woff") format("woff"), url("/views/images/comfortaa.ttf") format("truetype"), url("/views/images/comfortaa.svg#Comfortaa") format("svg");font-weight:400;font-style:normal;} */

/*- LET'S GET STARTED!
----------------------------------------------------------------------*/
body{background:#666 url(/views/images/pattern.png) repeat;color:#000;font-weight:normal;font-size:15px;font-family:"Comfortaa", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif}
abbr{cursor:help}
h2,h3,h4,h5,h6,p{margin-bottom:20px}
h2{color:#fff;font:normal 2em/1em "Comfortaa", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif}
h2 span{font:normal 1.625em/1em "Comfortaa", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif}
h3{color:#89868b;font-size:1.5em}
h3 a{color:#89868b;text-decoration:none}
h4{color:#555;font-size:1.188em;font-weight:400;}
h4 a{color:#555;text-decoration:none}
h5{padding:5px 10px 5px 30px;background:#ddd url(/views/images/h5.png) no-repeat 5px 2px;overflow:hidden}
p,li,td{font-size:.875em;color:#777;line-height:1.3em}

.container{width:920px;margin:0 auto;padding:0 20px;box-shadow: 0 0 15px #000;background:#fff}

/* ====== Header ====== */
header{width:920px;position:relative}
h1 { font-size: 1em;}
#logo{float:left;width:182px;margin:15px 10px 0 0;}
#logo a{position:relative;display:block;width:182px;height:54px;text-indent:5px;padding-top:5px;margin:10px 0 0; color:#000}
#logo span{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(/views/images/logo.png) no-repeat;z-index:100;margin:0;padding:0}

#advertising{padding:10px 0 0;width:728px;float: right; }

#topmenu{height:30px;background:#ddd;padding:3px 0;position:relative}
#topmenu li{float:right;margin:0 0 0 10px;height:30px;font-size:.813em}
#topmenu .text{margin:5px 0 0;height:20px;border-right:1px solid #bbb}
#topmenu .text.last{border:0 none}
#topmenu a{display:block;width:100%;height:30px;color:#89868b;text-decoration:none}
#topmenu a:hover {color:#db659d}
#topmenu .text a{padding:3px 5px 0;height:27px}
#topmenu ul{display:none;position:absolute;background:#ddd;z-index:2;top:30px;padding-top:5px}
#topmenu li:hover ul{display:block}
#topmenu li li{float:none;clear:both;font-size:1em;margin:0}
#topmenu ul a{color:#db659d}
#topmenu ul a:hover{color:#89868b}

nav{width:920px;height:37px;margin:20px 0 0}
nav li{float:left;font-size:.938em;height:20px}
nav a{padding:0 14px;color:#555;border-right:1px solid #000;text-decoration:none}
nav .last a{border:0 none}
nav a:hover {background:#4c4c4c;color:#fff}

#slide{width:920px;height:247px;background:#89868b url(/views/images/slide.jpg) no-repeat;position:relative}
/* === Slider === */
.sliderbutton {left;width:25px;height:227px;cursor:pointer;position:absolute;top:10px;z-index:10}
#slideleft {background:url(/views/images/icons.png) -50px -265px no-repeat;left:5px}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(/views/images/icons.png) 0 90px no-repeat;right:5px}
#slideright:hover {background-position:-50px 90px}
#slider {position:relative;overflow:auto;width:920px;height:247px}
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:810px; height:227px;font-size:1em;padding:10px 60px 10px 50px}
#slider img{float:right;margin-left:20px}
#slider h4,#slide p{color:#fff;margin-bottom:0}
#slider a{color:#fff}
#slider a:hover {color:#db659d}
.pagination {position:absolute; bottom:0; right:47px; list-style:none; height:25px}
.pagination li {float:left; cursor:pointer; height:8px; width:8px; background:#fff; margin:0 4px 0 0; border:1px solid #999}
.pagination li:hover, li.current {background:#db659d}

/* #gallery{width:920px;height:82px;background:#10121e;margin:5px 0 20px 0;overflow:hidden;position:relative} */
#gallery{width:920px;height:82px;background:#fff;margin:5px 0 20px 0;overflow:hidden;position:relative}
#gallery li{position:absolute;top:0;background:#fff}

#show,#info,#advertising2{float:left;border-right:2px solid #e1e1e1;height:225px;margin:0 0 10px 0}
#show{width:223px;padding: 4px 10px 4px 10px}
#show p{margin:0;text-align:center;font-size:.813em}
#show img{border:1px solid #888}
#delegate{background:#fff url(/views/images/banner_delegado.jpg) no-repeat top right;cursor:pointer;height:225px; margin: -4px;}
#delegate h2 { color:#db659d; }
#delegate h3 { font-size: 1.2em; }
#delegate p { font-size: 1.2em; }
/* #info{width:626px;padding:0 10px} */
#info{width:353px;padding:0 10px}
#participate{background:#fff url(/views/images/participate.jpg) no-repeat top right;cursor:pointer;height:140px;}
#participate h2 { color:#db659d; margin-bottom: 15px; }
#info h3 { font-size: 1.2em; }
#calendar{background:#e1e1e1 url(/views/images/calendar.png) no-repeat top right;padding:10px;cursor:pointer}
#calendar p{margin:0}
#advertising2{width:250px;padding:0 0 0 10px;border:0 none}

#news{width:920px;min-height:140px}
#news h3{width:920px;border-bottom:2px solid #e1e1e1;margin-bottom:10px}
#news h3.floatleft.w50 { float: left; width:48%; margin-right: 2%; }
#news h4{font-size:1em}
#news div{float:left;width:450px;height:140px;padding:0 0 20px 0}
#news div.first{margin-right:20px}
#news h4,#news p{margin:0;line-height:1.2em}
#news p{font-size:.8em}
#missnews #slide{margin-bottom:20px;}
#missnews section h3{margin-top:2px}
#missnews article{width:450px;float:left;margin:0 20px 20px 0;padding:0 0 20px 0;overflow:hidden}
#missnews article:nth-of-type(2n+2){margin:0}
#missnews h4{margin-bottom:2px}
#missnews article img{width:174px;float:left;margin-right:10px}
#missnews article p{margin:0;line-height:1.2em;overflow:hidden}
.date,.tags{font-size:.75em;padding:0 0 0 20px;float:left;color:#777;line-height:1.3em;margin-bottom:5px;background:transparent url(/views/images/spriteme_news.png) no-repeat}
#single_news .date,#single_news .tags{font-size:.75em;padding:0 0 0 20px;float:left;color:#777;line-height:1.3em;background:transparent url(/views/images/spriteme_news.png) no-repeat}
.tags,#single_news .tags{margin-left:20px;background-position:-10px -191px}
.date,#single_news .date{background-position:-10px -226px}
p.date{clear:both;float:none;overflow:hidden;padding:0 0 5px 20px}
#missnews #single_news{width:630px}
#missnews #single_news img{clear:both;margin-bottom:10px}
#missnews #related{width:270px}
#missnews #related img{width:50px;height:34px}
#missnews #related h4{font-size:.813em;line-height:1.2em}
#missnews #related .date{margin:20px 0 5px 0}
#missnews #related .date:nth-of-type(1){margin:0 0 5px 0}
#slide .provincia{padding:20px}

#content{margin-top:20px;overflow:hidden}
#content .content,#news .content{overflow:hidden}
#content li{margin:0 0 10px 0}
#content li strong{color:#db659d}

#sponsor{width:100%;height:50px;background:#3e3e3d url(/views/images/sponsor.png) repeat;box-shadow: 0 0 15px #000;padding:21px 0}
#sponsor p{margin:0 auto;width:100%}
#sponsor a{margin:0 5px}

footer p{width:920px;text-align:center;line-height:1em;margin:10px auto;color:#fff}

/*=== Videos ===*/
#video h3,#video_simple h3{margin-top:20px}
#videos{width:280px;float:left;margin-right:28px}
#video_simple #videos{width:480px}
#videos:nth-of-type(3n+3){margin:0}
#videos h4{margin-bottom:10px}
#videos a.play{width:280px;height:210px;position:relative;display:block}
#videos a.play span{width:280px;height:210px;background:url(/views/images/play.png) no-repeat;position:absolute;z-index:2;top:0;left:0}
#videos p{font-size:.75em;margin-top:5px}
#videos img{border:1px solid #888}
#videos mark{background:none;color:#db659d}
#video_simple #related{width:270px;float:right}
#video_simple #related img{width:50px;height:34px;float:left;margin-right:10px}
#video_simple #related h4{font-size:.813em;line-height:1.2em}
#video_simple #related .date{margin:20px 0 5px 0}
#video_simple #related .date:nth-of-type(1){margin:0 0 5px 0}

/*=== TinyBox ===*/
.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(/views/images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(/views/images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969;color:#fff}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}
article#error{background:#fff;width:260px;margin:0 auto;padding:20px 0}
article#error404{background:#fff;width:448px;margin:0 auto;padding:20px 0}
#error label{margin:10px 10px 0 0;font-size:.813em;color:#777;float:left}
#error input{margin-top:10px;float:right}
#error .error{color:#db659d;font-size:.75em}

/*=== Form ===*/
label{display:block;font-size:13px;font-weight:700;line-height:18px;cursor:pointer;position:relative;z-index:1}
input.input{width:286px;display:block;background:transparent url(/views/admin/images/shadow.gif) repeat-x top;border-bottom:1px solid #ddd;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-top:1px solid #7c7c7c;font-size:1.1em;text-shadow:0 0 1px #fff;color:#999;position:relative;z-index:2;line-height:18px;padding:5px}
input.input:focus {outline:0 none;color:#333;border:2px solid #db659d;padding:4px}
input.input#address,input.input#address2,input.input#email,input.input#web{width:593px}
article#contact textarea{width:910px;height:60px;padding:5px;background:transparent url(/views/admin/images/shadow.gif) repeat-x top;border-bottom:1px solid #ddd;border-left:1px solid #c3c3c3;border-right:1px solid #c3c3c3;border-top:1px solid #7c7c7c;font-size:1.1em;text-shadow:0 0 1px #fff;color:#999;position:relative;z-index:2;line-height:18px}
article#contact textarea:focus {outline:0 none;border:2px solid #db659d;padding:4px}
article#contact{padding:20px 0}
article#contact li{margin-bottom:20px}
#contact .contactinfo{color:#db659d}

/* button ---------------------------------------------- */
.button{zoom:1;display:inline;vertical-align:baseline;outline:none;cursor:pointer;text-align:center;text-decoration:none;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);margin:10px 2px 0 2px;padding:.5em 2em .55em;background-color:#444}
.button:hover{text-decoration:none}
.button:active{position:relative;top:1px}
.bigrounded{-webkit-border-radius:2em;-moz-border-radius:2em;border-radius:2em}
.medium{font-size:12px;padding:.4em 1.5em .42em}
.small{font-size:11px;padding:.2em 1em .275em}
/* button blue */
.blue {color:#fef4e9;border:solid 1px #006ab2;background:#006ab2;background:-webkit-gradient(linear,left top,left bottom,from(#0086e0),to(#006ab2));background:-moz-linear-gradient(top,#0086e0,#006ab2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0086e0',endColorstr='#006ab2')}
.blue:hover {background:#00548c;background:-webkit-gradient(linear, left top, left bottom,from(#006ab2),to(#00548c));background:-moz-linear-gradient(top,#006ab2,#00548c);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006ab2',endColorstr='#00548c')}
.blue:active {color:#fcd3a5;background:-webkit-gradient(linear, left top, left bottom,from(#006ab2),to(#0086e0));background:-moz-linear-gradient(top,#006ab2,#0086e0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006ab2',endColorstr='#0086e0');top:0}

/* === Other Styles === */
.floatleft{float:left;clear:right;margin-right:10px}
.floatright{float:right;clear:left;margin-left:10px}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.brandcolor{color:#db659d}
.crop{float:left;margin-right:10px;overflow:hidden;position:relative;width:174px;height:120px}
.crop img{position:absolute}
.crop2{overflow:hidden;width:174px;height:100px}
.crop3{overflow:hidden;width:120px;height:72px}

.crop_important{float:right;margin-left:10px;overflow:hidden;position:relative;width:300px;height:191px}
.crop_important img{position:absolute}

#page{width:550px;position:relative;color:#212121;-webkit-border-bottom-left-radius:20px 500px;-webkit-border-bottom-right-radius:500px 30px;-webkit-border-top-right-radius:5px 100px;-moz-border-radius-bottomleft:20px 500px;-moz-border-radius-bottomright:500px 30px;-moz-border-radius-topright:5px 100px;border-radius-bottomleft:20px 500px;border-radius-bottomright:500px 30px;border-radius-topright:5px 100px;background:#d1d2d4;-webkit-background-size:100% 40px;-webkit-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);-moz-box-shadow:0 2px 10px 1px rgba(0,0,0,.2);box-shadow:0 2px 10px 1px rgba(0,0,0,.2);margin:20px auto 0 auto;padding:15px 0 40px 0}
#page:before {content:' ';background:url(/views/images/tape.png) no-repeat;width:129px;height:38px;position:absolute;top:-15px;left:10%;display:block}

#slide.contact img{margin:39px 0 0 49px}

/* ==== Generic ==== */
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.capitalize{text-transform:capitalize}

@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;-ms-filter: none !important}
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}