* {box-sizing: border-box!important;}
html, body {margin: 0;  padding: 0;}

body {
    padding: 25px; background-color: #eaeaea;
    font: normal 16px 'Open Sans', sans-serif; color: #666;
}

a {color:#cc093b;}
img {display: inline-block; max-width: 100%; height: auto;}
form {display:block; margin:0; padding:0; border:none;}
input[type="submit"] {border:none!important; outline:none!important;}

.btn {
	display:inline-block; padding:20px 50px; margin:5px; /*margin-left: 25px;*/ cursor:pointer; 
	border-radius:15px; background-color:#cc093b; color:#FFF; text-decoration: none; font-size:18px;
	text-transform:uppercase; letter-spacing:2px;
}
.btn:hover {padding:25px 55px; margin:0; /*margin-left: 20px;*/ color:#fff!important}
.btn, .btn:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}

.link {color:#cc093b; text-transform: uppercase; font-weight: bold; padding:0; cursor: pointer; background-color:#fff;}
.link:hover {color:#0b59b1; text-decoration: underline;}

.leading {
  margin: 0; padding-top: 10px; line-height: 37px!important; margin-bottom:25px;
  font: bold 37px 'Dancing Script', cursive;  color: #cc093b;
}

/* LAYOUT */
.cf:before, .cf:after { content: " "; display: table;}
.cf:after { clear: both; }
.cf { *zoom: 1; }
#page { 
  max-width:970px; background-color: #fff; padding:25px;
}


/* HEADING */
.page_title {
  position: relative; max-width: 800px; margin: 0 auto; margin-bottom:35px;
  /*margin-top:-35px; margin-bottom:-10px; */ 
  text-align:left; font-size: 23px; color: #333;
}
@media (min-width: 500px){
  .page_title {margin-top: 25px;}
	.page_title img {position: absolute; width: 150px; bottom: 0; right: 0; }
}
@media (max-width: 767px){
  .page_title img { max-width:100px;}
}
#gracias .page_title {display: none;}


/* FORMULARIO */

/*
.no_options {text-align:center; margin-bottom:35px;}
#index .data_options {display: none;}
#index_form .no_options {display:none;}
*/


p.input-control {margin:0; margin-top:15px;}
p.input-control label {color:#333}
p.input-control label, p.input-control input {font-size:16px;}
input[type="text"], input[type="password"] {
  display:block; padding:0 10px; width:100%; line-height:40px; 
  color:#666; border:1px solid #ccc; border-radius:5px;
}
input:read-only { background-color:#f5f5f5; color:#999;}

@media (min-width: 700px){
  p.input-control {position:relative;padding-left:100px; }
  p.input-control label {position:absolute; left:0; top:8px; ; width:90px; text-align:right;}
  p.input-control.input-na {padding-left:190px;}
  p.input-control.input-na label { width:180px; text-align:left;}
}

/* CHECK OPTIONS */
.check_options {text-align: center;}
.box_icons {
  background-color: #f8c8c8; border-radius: 20px; border:2px solid #f8c8c8; 
  padding:20px; cursor: pointer; margin:15px auto;
}
.box_icons.selected {border:2px solid #cc093b;}
.box_icons * {display:inline-block; vertical-align: middle; margin:0;}
.box_icons strong:after {content:""; width: 15px; height: 20px; position: absolute; top: 0; left: -21px;}
.box_icons:hover i, .box_icons.selected i {color:#cc093b;}
.box_icons:hover strong, .box_icons.selected strong {color:#000;}

.box_icons > p:last-child {font-size:14px; display:none; color:#666!important;}
.box_icons.selected > p:last-child {display:block;}
.box_icons i {font-size: 75px; margin-right:10px;}
.box_icons strong {
	display:inline-block; position:relative; 
  font-weight: bold; text-transform: uppercase;    
}
@media (min-width: 768px) and (max-width: 991px) {
	.box_icons strong {max-width: 110px; text-align: left;}
}
@media (max-width: 767px){
	/*.check_options p.leading, .check_options p.leading + p { max-width:350px; margin-left:auto; margin-right:auto;}*/
	.box_icons i { font-size:55px; } 
}
@media (max-width: 489px){
	.box_icons i {display:block;}
}


/* LOPD */
#view-lopd {font-size: 14px; max-height: 200px; overflow: hidden; position:relative; margin-top:25px;}
#view-lopd:after {
    content: ""; display: block;  height: 100%;  width: 100%; position: absolute;  bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
}
#view-lopd.expanded { max-height:none;}
#view-lopd.expanded:after {display:none;}
#view-lopd-button {border-top: 1px solid #ccc; text-align: right;}
#view-lopd, #view-lopd.expanded, #view-lopd:after, #view-lopd.expanded:after {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 0.5s ease;
}



/* ACCPET */
#error,#ok {padding:0; margin:0;}
#error p {background-color: #f76063; color:#fff; padding:10px; border-radius: 5px;}
#ok p {background-color: #96ceb4; color:#fff; padding:10px; border-radius: 5px;}
#accept { padding-top:0; font-size:14px; margin:0 auto; max-width:600px; text-align:center;}
@media (min-width: 768px){
	/*#accept {position:relative; padding-left:160px;}
	#accept > p:last-child {position:absolute; top:6px; left:0;}*/
}
#accept > p:first-child { text-align:center;}


/* CREDITS */
#credits {margin-top:35px;background: url(../images/background-footer.jpg) no-repeat no-repeat top left; background-size: cover; color: #FFF;}
#credits > div {padding:25px;}
#credits > div p {margin:0;}
@media (min-width: 768px){#credits .row > div:last-child p { text-align:right;}}
@media (max-width: 767px){ #credits .row > div:first-child { padding-bottom:0;} #credits > div:last-child { padding-top:0;}}

/* SINGLE PAGES */
#gracias {margin:50px auto;}
#gracias .logo, #error .logo {text-align:right;}
#gracias .logo img, #error .logo img { max-width: 150px; height: auto;}

/* ADMIN AREA */
#admin-bar {margin:0; padding: 0; list-style: none; border-bottom: 3px solid #cc093b; font-size: 0;}
#admin-bar li {display: inline-block;}
#admin-bar li a {
	display: inline-block; padding: 10px 20px; color: #cc093b; 
	text-decoration:none; text-transform: uppercase; font-size: 16px; font-weight: bold;     
	border-right: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#admin-bar li a:hover {
  /*background-color:rgba(255,255,255,0.2);*/
  color:#000;
}
#admin-bar li:last-child a { text-transform:none; font-size:14px; border:none; color:#999;}
#admin-bar li:last-child a:hover {opacity:1;}

#admin table { width: 100%; border: 1px solid #ccc; position: relative; background-color:#fff;}
#admin table th { background-color: #f5f5f5; text-align:left;}
#admin table th, #admin table td { padding: 5px; border-bottom: 1px solid #ccc; }
#admin table i { font-size: 18px;}
#admin table a { text-decoration:none;}
#admin table a i {width:0; overflow:hidden;}
#admin table a:hover i {width:25px;} 
#admin table a i, #admin table a:hover i {-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;}


i.fa-question-circle {color:#5bc0de;}
i.fa-check-circle {color:#5cb85c;}
i.fa-times-circle {color:#d9534f;}
i.fa-exclamation-circle {color:#f0ad4e;}
i.fa-calendar-alt, i.fa-newspaper  {display:inline-block; margin-left:7px;}

#resumen {margin:0; padding:0; list-style: none; font-size: 0;}
#resumen li {display: inline-block; width: 25%; padding: 10px; text-align: center; font-weight: bold;}
#resumen li div { padding: 20px; border: 1px solid #ccc; border-radius: 10px; font-size: 18px; }
#resumen li i {display: block; font-size: 28px;}
#resumen li strong {display: block; font-size: 35px;}
#filtrar * { vertical-align: middle;}
#filtrar input[type="submit"] {border:1px solid #999!important;border-radius:3px;}
#filtrar input[type="submit"]:hover { background-color: #ccc; cursor: pointer;}

/* ICOON MOON 
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?j6jjl');
  src:  url('../fonts/icomoon.eot?j6jjl#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?j6jjl') format('truetype'),
    url('../fonts/icomoon.woff?j6jjl') format('woff'),
    url('../fonts/icomoon.svg?j6jjl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bar-chart-1:before {
  content: "\e910";
}
.icon-graphic:before {
  content: "\e911";
}
.icon-bullhorn:before {
  content: "\e912";
}
.icon-analytics:before {
  content: "\e913";
}
.icon-business-report:before {
  content: "\e914";
}
.icon-calendar-4:before {
  content: "\e900";
}
.icon-computer:before {
  content: "\e901";
}
.icon-email-1:before {
  content: "\e902";
}
.icon-light-bulb:before {
  content: "\e903";
}
.icon-email:before {
  content: "\e904";
}
.icon-skyline:before {
  content: "\e905";
}
.icon-business-1:before {
  content: "\e906";
}
.icon-megaphone-2:before {
  content: "\e907";
}
.icon-interface:before {
  content: "\e908";
  color: #f3f3f3;
}
.icon-message:before {
  content: "\e909";
}
.icon-contacts:before {
  content: "\e90a";
}
.icon-tickets-2:before {
  content: "\e90b";
}
.icon-id-card-1:before {
  content: "\e90c";
}
.icon-id-card:before {
  content: "\e90d";
}
.icon-tickets-1:before {
  content: "\e90e";
}
.icon-ticket:before {
  content: "\e90f";
}
*/