/* Theme Definition. Here goes only colors, fonts, paddings, etc.
   ========================================================================== */


/*---------------------------------
*  Focused Elements
-----------------------------------*/
input:focus, textarea:focus, button:focus  {
   outline:                         none;
   background:                      #D7D7F2 !important;
}

a:focus {
   text-shadow:                     3px 3px 3px rgba(0, 0, 0, 0.5);
   outline:                         1px dotted rgba(132, 155, 178, 0.35);
}


/*---------------------------------
*  Color Palette
-----------------------------------*/
/* -------- "Black" text -------- */
h1, h2, h3, h4, 
pre, 
#container, 
#search-textbox,
input[type="text"],
textarea {
   color:                           #505255;
}

/* -------- "White" text -------- */
input[type="submit"],
#nav-main, 
#nav-main a, 
#left_panel, 
footer {
   color:                           #EFEFFF;
}


/* -------- "White" Background -------- */
#container,
header {
   background:                      #EFEFFF;
}

/* -------- Blue Text -------- */
a, a:visited {
   color:                           #0D73B4;
}

a:hover {
   color:                           red;
}

/* -------- Red Background -------- */
header h2 {
   color:                           red;
}



/* -------- Blue Background -------- */
input[type="submit"],
#nav-main, 
footer, 
#search input[type="submit"]:hover {
   background:                      #0D73B4;
}

/* --------- Button Style---------- */
input[type="submit"]:focus {
   box-shadow:                      none;
}

input[type="submit"] {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkODNjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDczYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1d83c4 0%, #0d73b4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d83c4), color-stop(100%,#0d73b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d83c4 0%,#0d73b4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d83c4 0%,#0d73b4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d83c4 0%,#0d73b4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1d83c4 0%,#0d73b4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d83c4', endColorstr='#0d73b4',GradientType=0 ); /* IE6-8 */
}

/* -------- Gray-blue Background -------- */
#left_panel, #search input[type="submit"], #accordion {
   background:                      #4D6272
}

header {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzNSUiIHN0b3AtY29sb3I9IiNlZmVmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGQ3M2I0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(left,  #efefff 35%, #0d73b4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(35%,#efefff), color-stop(100%,#0d73b4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #efefff 35%,#0d73b4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #efefff 35%,#0d73b4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #efefff 35%,#0d73b4 100%); /* IE10+ */
background: linear-gradient(to right,  #efefff 35%,#0d73b4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefff', endColorstr='#0d73b4',GradientType=1 ); /* IE6-8 */
}

pre {
   background:                      #F0EAAA;
}
pre b {
   color:                           #AC0000;
}


/*---------------------------------
*  Text-shadow styling
-----------------------------------*/
input[type="submit"], 
footer, 
#left_panel,
#left_panel a, 
#accordion,
#accordion a,
em.nav,
#nav-main {
   text-shadow:                     1px 1px 1px rgba(0,0,0,0.75);
}


/*---------------------------------
*  General Elements
-----------------------------------*/
h1, h2, h3, h4 {
   font-family:  Alegreya, Times-New Roman, Georgia, serif;
   margin:       0px 0px 20px 0px;
}

h1 {
   font-size:    2.3em;
   margin:       0px;
}

h2 {
   font-size:    1.5em;
}

h3 {
   font-size:    1.2em;
}

pre {
   padding:      10px;
   width:        100%;
   position:     fixed;
   top:          -11px;
   left:         0px;
   z-index:      100;
   text-align:   center;
   box-shadow:   0px 0px 10px #3F3E3E;
   font-size:    0.85em;
}


/*---------------------------------
*  Forms Elements
-----------------------------------*/
#search-textbox,
input[type="text"],
textarea {
   margin:                          0px;
   padding:                         10px;
   border-radius:                   5px;
   border:                          none;
   box-shadow:                      2px 2px 3px rgba(0,0,0,0.35) inset;
   background:                      white;   
}

fieldset {
   padding:                         20px;
   border-radius:                   20px;
   border:                          1px solid #c0c2c5;
}

input[type="submit"] {
   border:                          none;
   border-radius:                   5px;
   padding:                         15px 30px;
   font-size:                       1em;
   box-shadow:                      3px 3px 3px rgba(0,0,0,0.35);
}

input[type="submit"]:hover {
   background:                      #4F9CCD !important;
}


/*---------------------------------
*  Layout Elements
-----------------------------------*/
html {
   font-family:  Trebuchet MS, sans;
}

body {
   background:   #55585d; /* Old browsers */
   background-repeat: no-repeat ;
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxMjEyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTQ4NGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
   background-image: -moz-linear-gradient(top,  #212121 0%, #55585d 100%); /* FF3.6+ */
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#55585d)); /* Chrome,Safari4+ */
   background-image: -webkit-linear-gradient(top,  #212121 0%,#55585d 100%); /* Chrome10+,Safari5.1+ */
   background-image: -o-linear-gradient(top,  #212121 0%,#55585d 100%); /* Opera 11.10+ */
   background-image: -ms-linear-gradient(top,  #212121 0%,#55585d 100%); /* IE10+ */
   background-image: linear-gradient(to bottom,  #212121 0%,#55585d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#55585d',GradientType=0 ); /* IE6-8 */
}

#container {
   padding:                         0px;
}

header {
   position:                        relative;
}

header h1 {
   margin:                          0px;
   width:                           323px;
   float:                           left;
}

header h2 {
   padding-top:                     65px;
   float:                           left;
   font-size:                       2em;
   text-shadow:                     #FFF 2px 0px, 
                                    #FFF -2px 0px, 
                                    #FFF 0px 2px, 
                                    #FFF 0px -2px, 
                                    #000 3px 3px 6px;
}


/*---------------------------------
*  Search Box
-----------------------------------*/
#search {
   position:                        absolute;
   top:                             20px;
   right:                           20px;
}

#search-textbox {
   padding-right:                   35px;
   border-radius:                   20px;
}

#search input[type="submit"] {
   position:                        absolute;
   top:                             6px;
   right:                           7px;
   padding:                         3px 8px;
   border:                          none;
   border-radius:                   33px;
   color:                           white;
   box-shadow:                      none;
}

#nav-main a {
   padding:                         8px 20px;
   text-decoration:                 none;
}

#nav-main a.active {
   background:                      #364F62;
}

#nav-main a:hover {
  background:                       #4F9CCD;
}

/*---------------------------------
* Left Panel
-----------------------------------*/
#left_panel, #main, #accordion {
   display:                         table-cell;
}

#left_panel, #accordion {
   width:                           240px;
   max-width:                       240px;
   min-width:                       240px;
   overflow:                        hidden;
   padding-top:                     20px;
   padding-bottom:                  80px;
   vertical-align:                  top;
}

#left_panel a, em.nav, #accordion a, #accordion h3 {
   display:                         block;
   padding:                         10px;
/*   border-bottom:                   1px dotted #EFEFFF;*/
   color:                           #EFEFFF;
   font-family:                     inherit;
   font-weight:                     bold;
   font-style:                      normal;
   text-transform:                  uppercase;
   text-decoration:                 none;
   font-weight:                     bold;
}

#left_panel nav, #accordion nav {
   font-size:                       0.7em;
}

#left_panel nav a, #accordion nav a {
   padding:                         5px 0px 5px 40px;
}

#left_panel nav a:last-child, , #accordion nav a:last-child {
   padding-bottom:                  20px;
   border-bottom:                   1px dotted #EFEFFF;
}

#left_panel a:hover, #accordion a:hover {
   background:                      #5D7689;
   text-shadow:                     0px 0px 10px rgba(255,255,255, 0.5);
}

#left_panel a.active, #accordion a.active {
   background:                      #364F62;
}

#main {
   width:                           75%;
   padding:                         40px;
}


/*---------------------------------
*  Footer Section
-----------------------------------*/
footer {
   border-top:                      10px solid red;
   background-image:                url(images/2.png) !important;
   background-repeat:               no-repeat !important;
   background-position-x:           98% !important;
   background-position-y:           center !important;
   background-position-x:           98%;
   background-position-y:           center;
}

footer a, footer h4 {
   color:                           inherit !important;
}

footer #ficha {
   padding:                         10px 20px;
   font-size:                       0.8em;
}

#ficha h4 {
   font-size:                       1.5em;
   margin:                          0px;
}


/*---------------------------------
*  Terms Section
-----------------------------------*/
#terms {
   font-size:                       0.8em;
   text-align:                      center;
   color:                           gray;
}

#terms a {
   color:                           gray;
}

/*---------------------------------
*  Styling Elements
-----------------------------------*/
header h1 {
   padding:                         0px;
}

header h1 a {
   display:                         block;
   background:                      transparent url(images/1.png) no-repeat;
   height:                          118px;
   width:                           283px;
   margin:                          20px;
   padding:                         0px;
   text-indent:                     100%;
   white-space:                     nowrap;
   overflow:                        hidden;
   cursor:                          pointer;
}

/*---------------------------------
*  Product Style
-----------------------------------*/
table.product {
   box-shadow:                      5px 5px 10px rgba(0,0,0,0.5);
   background:                      #EBEBC6;
}

table.product td.data {
   padding:                         20px;
}

table.product .data label,
table.product td.data span.data {
   display:                         block;
   float:                           left;
}

table.product .data label {
   width:                           105px;
   font-weight:                     bold;
}

table.product td.data span.data {
   width:                           230px;
   border-left:                     1px dotted #BFBFDF;
   padding-left:                    20px
}

table.product td.data span.data p {
   display:                         inline;
}

table.product td.image {
   text-align:                      right;
   background:                      #4D6272;
   box-shadow:                      0 0 10px rgba(0, 0, 0, 0.5) inset;
}




/*------------------------------------------------------------------------------------------------
*     Thema para el Google Maps
--------------------------------------------------------------------------------------------------
[
  {
    "featureType": "water",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#2e94d3" }
    ]
  },{
    "featureType": "landscape.natural.landcover",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "landscape.natural.terrain",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "landscape.natural",
    "elementType": "geometry.fill",
    "stylers": [
      { "color": "#0d72b4" }
    ]
  },{
    "featureType": "administrative.country",
    "elementType": "labels.text.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#000000" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "labels.text.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#ffffff" }
    ]
  },{
    "featureType": "landscape.man_made",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "poi",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#2c84c5" }
    ]
  },{
    "featureType": "road.highway",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#4ca3e4" }
    ]
  },{
    "featureType": "road.highway",
    "elementType": "geometry.stroke",
    "stylers": [
      { "color": "#2e83b4" },
      { "visibility": "off" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#4ca3e4" }
    ]
  },{
    "featureType": "road.arterial",
    "elementType": "geometry.stroke",
    "stylers": [
      { "color": "#6e9f80" },
      { "visibility": "off" }
    ]
  },{
    "featureType": "road.local",
    "elementType": "geometry.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#3c94c5" }
    ]
  },{
    "featureType": "road.local",
    "elementType": "geometry.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "road",
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#ffffff" },
      { "visibility": "on" }
    ]
  },{
    "featureType": "road",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.neighborhood",
    "elementType": "labels.text.fill",
    "stylers": [
      { "visibility": "on" },
      { "color": "#acacac" }
    ]
  },{
    "featureType": "administrative.neighborhood",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "water",
    "elementType": "labels.text",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "geometry.stroke",
    "stylers": [
      { "visibility": "on" },
      { "color": "#acaeb0" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "labels.text",
    "stylers": [
      { "visibility": "on" }
    ]
  },{
    "featureType": "administrative.country",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.country",
    "elementType": "geometry.stroke",
    "stylers": [
      { "visibility": "on" },
      { "color": "#ffffff" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "labels.text.fill",
    "stylers": [
      { "visibility": "on" }
    ]
  },{
    "featureType": "administrative.province",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.locality",
    "elementType": "labels.text.stroke",
    "stylers": [
      { "visibility": "off" }
    ]
  },{
    "featureType": "administrative.locality",
    "elementType": "labels.text.fill",
    "stylers": [
      { "color": "#ffffff" },
      { "visibility": "on" }
    ]
  },{
    "featureType": "poi",
    "elementType": "labels.icon",
    "stylers": [
      { "hue": "#0055ff" }
    ]
  }
]
*/