@import url(http://fonts.googleapis.com/css?family=Lato|Kaushan+Script|Poiret+One);

body {font: normal 15px 'Lato'; color: #4A4A4A; background: #f2f2f2; margin: 0; padding: 0; line-height: 1.5;}

a, a:visited,a:focus {color: #999;text-decoration: underline;}
a:hover {color: #111;text-decoration: underline;}
a img {border: none;}
ul {list-style-type:square;}
ul, ol {padding-left: 25px;}
ul ul, ol ol {padding-left: 25px;}

#site_heading a, #site_heading a:visited, #site_heading a:hover, #site_heading a:focus {text-decoration: none;}

.component_heading, .blog_post .title {
margin-top: 0; 
text-shadow: none;
font-size: 24px;
line-height: 2;
font-family: 'Kaushan Script';
color: #000;
font-style: normal;
margin-bottom: 0;
}
.blog_post .title a {text-decoration:none;}

.component h1 a, .component h2 a, .component h3 a, .component h1 a:hover, .component h2 a:hover,
.component h3 a:hover, .component h1 a:visited, .component h2 a:visited, .component h3 a:visited
{color: #333;}

#header_background {border-bottom:0px solid #fff;} /*subrayado de debajo del icono*/
#header_wrapper {background:#f2f2f2;} //Fondo cabecera

#header_text {text-align: center;}
#header_text h1#site_heading {font: normal 72px 'Poiret One'; line-height: 1.2; color: #0000; margin-bottom: 5px; margin-top: 15px; text-shadow: rgba(153, 153, 153, 0.24) -4px 2px 2px;} /*000*/
#header_text h1#site_heading a {color: #333;}
#header_text h2#site_subheading {font: normal 25px 'Lato'; line-height: 1.2; color: #999; margin-top: 5px; margin-bottom: 20px;}

/*#header_photo {padding: 0px;-align: center;}*/
#header_photo {heigth: 100px; text-align: center;}
#header_photo img {width: 50%;}

.navbar {background:#003399;} /*Color del Navegador 183A90 */
#primary_navigation {font: normal 20px 'Kaushan Script'; zoom: 1; overflow: hidden;}
#primary_navigation ul {list-style-type: none; padding: 0 0 0 0; margin: 0; text-align:center;}
#primary_navigation ul li {display: inline-block;}
#primary_navigation ul li a {display: inline-block; text-decoration: none; color: #ccc; padding: 15px 20px;}
#primary_navigation ul li a:hover, #primary_navigation ul li.active a {color: #fff;}
#primary_navigation ul li.last {margin-right: 0px;}

#primary_navigation ul.sf-menu ul.sub_navigation {background: #ffff; border-radius: 0px;}
#primary_navigation ul.sf-menu ul.sub_navigation li, #primary_navigation ul.sf-menu ul.sub_navigation li a {border-radius: 0px;}
#primary_navigation ul.sf-menu ul.sub_navigation li a {color: #ccc;}
#primary_navigation ul.sf-menu .active ul.sub_navigation li a { color: #ffff;} /*ffff*/
#primary_navigation ul.sf-menu ul.sub_navigation li a:hover { color: ##0000;} /*No */

#top_wrapper {padding-bottom: 10px;}
#content_background {padding: 0 10px;}
.location {padding: 10px 0; margin-top: 20px;}
.splash #top .location {border-bottom: 0px;}

.navigation_component ul {list-style-type: none; font-size: 18px; padding: 0; margin: 0;}
.navigation_component ul a,.navigation_component ul a:visited {text-decoration: none; color:#4a4a4a;}
.navigation_component ul a:hover {text-decoration: none; color:#000;}
.navigation_component ul li {padding: 5px 0; margin: 0; border-top: 1px dashed #ccc;}
.navigation_component ul ul {padding-left: 10px;}
.navigation_component ul ul ul {padding-left: 20px;}
.navigation_component ul li.first {border-top: 0px;}

.blog_component ul li a, .blog_archive_component ul li a {text-decoration: none;}
.blog_component ul, .blog_archive_component ul {list-style-type: none; padding-left: 0;}
.blog_component .blog_post ul {list-style-type: disc; padding-left: 30px;}
.blog_component p.post_read_more {padding-bottom: 10px;}
.blog_component p.post_read_more a {padding: 10px; background: #000; color: #fff; text-decoration: none;}
.blog_component p.post_read_more a:hover {background: #999; color: #fff; text-decoration: none;}
.blog_component p.archived {text-align: right; padding-top: 10px;}
.blog_component p.archived a {padding: 10px; background: #999; color: #fff; text-decoration: none;}
.blog_component p.archived a:hover {background: #000; color: #fff; text-decoration: none;}

.metadata {font-size: 90%;}


.component input {min-height: 30px;}
.component input, .component textarea, .component select {font: normal 14px Lato; border: none; color: #666; border: 1px solid #ccc; background-color:#fff; border-radius:0px;}
.component select {font: normal 14px Lato; padding: 9px 0px;}
.component button, .blog_component p.post_read_more a, .blog_component p.archived a, input.form_field_submit_button, .submit_wrapper input {font: normal 16px Lato; border-radius: 3px; padding: 10px 20px; background: #666; color: #fff; border: none;}
.component button:hover, .blog_component p.post_read_more a:hover, .blog_component p.archived a:hover, input.form_field_submit_button:hover, .submit_wrapper input:hover {background: #000;}



#footer_wrapper {color: #fff; background:#003399; padding: 30px 10px 30px 10px; text-align: center; margin-top: 20px;} /* pie color azul 0000*/
#footer_wrapper a, #footer_wrapper a:visited  {color: #ccc;}
#footer_wrapper a:hover {color: #183A90;}
#powered_by {padding: 10px 0 10px 0;}






@media screen and (max-width: 650px) {
  #primary_navigation ul {padding-bottom: 15px;}
  #primary_navigation ul li a {padding: 5px 5px 0px 5px;}
}

@media screen and (max-width: 768px) {
  #primary_navigation ul li a {padding: 10px 10px 0px 10px;}
  #header_text h1#site_heading {font-size: 55px;}
  #header_text h2#site_subheading {font-size: 20px;}
}


<!-- iPhone 6 Plus in portrait & landscape -->
<!-- @media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) {
#mobile_wrapper {
   width: auto;
   border: 1px solid red;
       display: block;
 }
}
-->