/* -------------------------------------------------------------- 
 	2 - Main
 -------------------------------------------------------------- */

/* preload images */
/*.preload section img {
  display: none;
}*/

ul , .gallery-caption , footer p , li a , p , span , article , a , nav , blockquote , dl , dt , dd , td , tr , th , code , caption , figcaption , input , label , textarea 
{
text-align: justify;
font-weight: 500;
font-family: 'Lato' , sans-serif;
color: #515151;
font-size: 18px;
}

html {
-webkit-font-smoothing: antialiased;
}

p.large {
font-size: 24px;
line-height: 36px;
font-weight: 300;
}

/* Link reset */

a:hover , a:focus, a:active {
  outline: none;
}

a:hover {
  text-decoration: none;
}

/* Main theme color 0078a4 */
header ,  section.skills  , .section-title .section-link ,
.blog-grid .blog-item .post-image
, .portfolio-slider .portfolio-item , .portfolio-nav a:hover , .home-portfolio-pagination a:hover  , .our-team .member, .portfolio-page .portfolio-item , .portfolio-sortlist ul li a:hover , .portfolio-sortlist ul li a.active,.pagination .navigaiton a , .pagination .links a , section.page .section-title .section-link:hover  , 

.mocha-button {
background-color: #333333; 
}

/*Color de Footer Anterior 0078A4 (Si lo cambio cambia el boton y el Fondo)*/



/* footer copyrights color */
footer > .copyrights {
background-color: #0078A4 ; /*Color Anterior 353535 */
}
header .m-slider a:hover , section.page .section-title .section-link:hover , nav.menu ul ul li a:hover , nav.menu ul ul li a , dt, .portfolio-sortlist ul li a , .recent-post-tab span , .widget ul li a:hover:before ,  .comment .comment-meta a , .tweet a , .post > .meta span , .post > .meta a , a:hover{
color: #0078A4;
}
.widget .flickr a:hover , .portfolio-nav a , .portfolio-sortlist ul li a ,  section.page .section-title .section-link:hover {
border-color: #0078A4 ;
}

/* hover color fot blue links */
.comment .comment-meta a:hover , .recent-post-tab span:hover , .comment .comment-meta a:hover , .post > .meta a:hover , .tweet a:hover {
color: #a5a5a5;
}

/* Header And Footer Colors */
 header ul , header .gallery-caption , header footer p , header li a , header  p , header span , header article 
, header nav , header blockquote , header dl , header  dt , header dd , header td , header tr , header th , header code 
, header caption , header figcaption , header input , header label , header textarea ,
 footer ul , footer .gallery-caption , footer footer p , footer li a , footer  p , footer span , footer article 
, footer nav , footer blockquote , footer dl , footer  dt , footer dd , footer td , footer tr , footer th , footer code 
, footer caption , footer figcaption , footer input , footer label , footer textarea , 
.dark-section ul , .dark-section .gallery-caption , .dark-section .dark-section p , .dark-section li a , .dark-section  p , .dark-section span , .dark-section article 
, .dark-section nav , .dark-section blockquote , .dark-section dl , .dark-section  dt , .dark-section dd , .dark-section td , .dark-section tr , .dark-section th , .dark-section code 
, .dark-section caption , .dark-section figcaption , .dark-section input , .dark-section label , .dark-section textarea 
{
color: #fff; /* Color del Texto "Add" y "H7" */
}

/* Dark Section [footer] color 2d2d2d */
section.alt-section , footer , .pagination .links a:hover , .pagination .navigaiton a:hover , .pagination a.active  ,.mocha-button:hover {
background-color: #0078A4; /*Color del Boton On Mous Over*/
}

/* Dark Section [footer] type */

/* Footer And Dark Section  */
input::-webkit-input-placeholder , input:-moz-placeholder , input[type=text] , input[type=email]
{
color: #5c5c5c !important;
}

a:focus , a:active {
outline: none !important;
text-decoration: none !important;
}

input {
margin: 0px;
}

.margin {
float: left;
clear: both;
width: 100%;
display: block;
margin-top: 15px;
margin-bottom: 15px;
}

.margin.large {
margin-top: 45px;
margin-bottom: 45px;
}

.margin-half {
float: left;
clear: both;
width: 100%;
display: block;
margin-top: 8px;
margin-bottom: 8px;
}

/* margin and dividers */
.divider {
float: left;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
height: 2px;
background: #FFFFFF;
}

.margin {
float: left;
clear: both;
margin-bottom: 10px;
margin-top: 10px;
width: 100%;
display: block;
}

/* will will be displayed inline in wordpress theme */
div.floatImage {
margin-bottom: 10px;
margin-right: 30px;float: left;
}

/* Headers */
h1 , h1 a , h1 span ,
h2 , h2 a , h2 span , 
h3 , h3 a , h3 span ,
h4 , h4 a , h4 span ,
h5 , h5 a , h5 span ,
h6 , h6 a , h6 span 

{
font-family: 'Lato' , sans-serif;
color: #0078A4;
line-height: 100%;
font-weight: 700;
}

header h1 , header h1 a , header h1 span ,
header h2 , header h2 a , header h2 span , 
header h3 , header h3 a , header h3 span ,
header h4 , header h4 a , header h4 span ,
header h5 , header h5 a , header h5 span ,
header h6 , header h6 a , header h6 span,
footer h1 , footer h1 a , footer h1 span ,
footer h2 , footer h2 a , footer h2 span , 
footer h3 , footer h3 a , footer h3 span ,
footer h4 , footer h4 a , footer h4 span ,
footer h5 , footer h5 a , footer h5 span ,
footer h6 , footer h6 a , footer h6 span,
.dark-section h1 , .dark-section h1 a , .dark-section h1 span ,
.dark-section h2 , .dark-section h2 a , .dark-section h2 span , 
.dark-section h3 , .dark-section h3 a , .dark-section h3 span ,
.dark-section h4 , .dark-section h4 a , .dark-section h4 span ,
.dark-section h5 , .dark-section h5 a , .dark-section h5 span ,
.dark-section h6 , .dark-section h6 a , .dark-section h6 span,
section.alt-section h1 , section.alt-section h1 a , section.alt-section h1 span ,
section.alt-section h2 , section.alt-section h2 a , section.alt-section h2 span , 
section.alt-section h3 , section.alt-section h3 a , section.alt-section h3 span ,
section.alt-section h4 , section.alt-section h4 a , section.alt-section h4 span ,
section.alt-section h5 , section.alt-section h5 a , section.alt-section h5 span ,
section.alt-section h6 , section.alt-section h6 a , section.alt-section h6 span 

{
color: #FFFFFF;
}

h1 , h1 a 

{
font-size: 46px;
}

h2 , h2 a 

{
font-size: 38px;
}

h3 , h3 a 

{
font-size: 32px;
}

h4 , h4 a 

{
font-size: 24px;
}

h5 , h5 a 

{
font-size: 18px;
}

h6 , h6 a 

{
font-size: 16px;
}

h7 , h7 a {
font-family: 'Lato' , sans-serif;
line-height: 1.3;
font-size: 24px;
text-align: center;
position: absolute;
margin: 20px 20px 20px 20px;
/* margin-bottom: 60px; */
/* padding-bottom: 60px; */
/* Filter: alpha(opacity=60); */
/* Opacity: 0.60 */
}

h2.column-title {
font-weight: 700; color:#5e5e5e;
}

/* footer font size */
footer .widget > h3 {
font-size: 32px;
text-transform: uppercase;
}

footer .widget h4 {
font-size: 24px;
}

/* -------------------------------------------------------------- 
3 - Header
-------------------------------------------------------------- */

header , footer {
float: left;
clear: both;
width: 100%;
}

header {
   
position: relative;
}

header > .background-image {
/* opacity: 0.5; */
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 850px; /* 100% (Ant)*/
overflow: hidden;
background: url(../../../../Complementos/Imagenes/Carga/01Back.jpg) center 0px fixed no-repeat;
display: block;
z-index: 0;
}

header > .container {
padding-top: 10px;
padding-bottom: 100px;
position: relative;
z-index: 1;
}

header nav ul {
padding: 0px;
margin: 0px;
}

header nav {
float: right;
margin-top: 0px; /* 50px (Orig)*/
}

header nav ul li {
float: left;
list-style: none;
margin-right: 4px; /* Margen entre "/" y Texto */
}

header nav ul li:after {
content: " / ";
font-weight: 700;
font-family: 'Lato' , sans-serif;
font-size: 10px; /*Tamaño de "/" */
margin-left: 4px; /* Margen entre "/" y Texto */
}

header nav ul li:last-child , header nav ul ul li  {
margin-right: 0px;
}

header nav ul li:last-child:after , header nav ul ul li:last-child:after , header nav ul ul li:after{
content: "";
display: none;
}

nav.menu ul li {
position: relative;
}

header nav.menu ul li a {
font-size: 10px; /*Tamaño de Add*/
font-weight: 600;
margin-bottom: -8px;
padding-bottom: 8px;
transition: border-bottom 0.4s;
border-bottom: 4px solid transparent;
}

header nav.menu > ul > li > 
a:hover {
color: #FFFFFF; /* Color On Mouse Over */
}
header nav.menu > ul > li > a.has-sub:hover
{
border-bottom: 4px solid transparent;
}

header nav.menu ul li ul li a , header nav.menu ul li ul li a:hover{
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}

/* Header Slider */
header .m-slider , header .teaser{
margin-top: 25px; /* Distancia entre logo y texto */
width: 100%;
text-align: center;
margin-bottom: 100px;
}

header .teaser {
margin-bottom: 0px;
margin-top: 60px; /*60*/
}

header .m-slider.flexslider {
max-height: none !important;
}

header .m-slider .slide h2 , header .teaser h2  {
font-size: 72px;
margin-bottom: 25px; /*50*/
}

header .teaser h2 {
margin-bottom: 15px;
}

/*Hace que el espacio del "Ingresar" funcione */

header .m-slider p , header .teaser p {
text-align: center;
font-size: 36px;
line-height: 48px;
font-weight: 300;
margin-bottom: 50px; /*Distancia entre texto y boton*/
}

header .teaser h2 {
/* text-transform: uppercase; (Yo) */ 
font-size: 60px;
line-height: 60px;
font-weight: 800;
}

header .teaser p {
margin-bottom: 0px;
}

.home-slider {
position: relative;
}

.home-slider .slide {
width: 100%;
float: left;
clear: both;
}

.home-slider .m-slider{
float: left;
clear: both;
position: relative;
width: 100%;
}

.home-slider .slide {
position: relative;
border-radius: 4px;
-webkit-border-radius: 4px;
text-align: center;
float: left;
clear: both;
width: 100%;

}

header .flexslider {
position: relative;
float: left;
clear: both;
width: 100%;
border-radius: 4px;
-webkit-border-radius: 4px;
overflow: visible !important;
}

header .flexslider ul li {
display: none;
}
header .flexslider ul li {
list-style: none;
}

header .flexslider ul {
padding: 0px;
margin: 0px;
}

.m-slider.flexslider {
position: relative;
max-height: none;
}

.portfolio-slider-wrapper img {
max-width: 150%;
}

.m-slider.flexslider .flex-direction-nav {
position: absolute;
z-index: 14;
left: 5%;
top: 35%;
width: 95%;
background: none;
display: block;
margin: 0px;
padding: 0px;
}

.m-slider.flexslider .flex-direction-nav li {
width: 50px;
height: 50px;
display: block;
}

.m-slider.flexslider .flex-direction-nav a {
top: -30px;
margin: 0px;
padding: 0px 15px;
position: absolute;
display: block;
height: 50px;
width: 50px;

}
     
.m-slider.flexslider .flex-direction-nav .flex-next  { right:-100px; background: url(../Img/SliderRight.png) no-repeat    !important; }
.m-slider.flexslider .flex-direction-nav .flex-prev {  left:-130px; background: url(../Img/SliderLeft.png) no-repeat    !important; }

.m-slider.flexslider .flex-direction-nav .flex-next:hover  { background: url(../Img/SliderRightHover.png) no-repeat    !important; }
.m-slider.flexslider .flex-direction-nav .flex-prev:hover {  background: url(../Img/SliderLeftHover.png) no-repeat    !important; }
      
header .m-slider a {
color: #fff;
font-weight: 700;
font-size: 18px;
transition: background-color linear 0.4s;
-webkit-transition: background-color linear 0.4s;
padding: 17px 35px;
border-radius: 4px;
-webkit-border-radius: 4px;
line-height: 100%; 
}

header .m-slider .slide > a {
border: 3px solid #fff;
padding: 14px 35px;
}
header .m-slider a:hover {
  
background-color: #fff;
}
  
header .logo {
float: inherit;
margin: 20px 20px -20px 20px;
text-align: center; 
display: inline-block;
width: 100%;
clear: both;
}  

/* -------------------------------------------------------------- 
  4 - Home Page
-------------------------------------------------------------- */

section.portfolio-wrapper , section.page {
padding-top: 100px;
float: left;
clear: both;
width: 100%;
padding-bottom: 100px;
}

.section-title  {
margin-bottom: 30px;
}

.section-title h2 {
font-size: 72px;
font-weight: 800;
float: left;
clear: both;
}

.section-title .section-link , .mocha-button{
color: #fff;
font-weight: 600;
font-size: 18px;
line-height: 18px;
margin-bottom: 0px;
transition: background-color linear 0.4s , border 0.4s;
-webkit-transition: background-color linear 0.4s , border 0.4s;
padding: 14px 35px;
border: 2px solid transparent;
border-radius: 4px;
-webkit-border-radius: 4px;
line-height: 100%;
float: right;
clear: none;
margin-top: 25px;
}

.section-title .section-link:hover {
background: none;
border: 2px solid #FFFFFF;
}

section.page .section-title .section-link {
border-width: 3px;
border-style: solid;
border-color: transparent;
transition: background-color 0.4s , color 0.4s;
-webkit-transition: background-color 0.4s , color 0.4s;
    
}
section.page .section-title .section-link:hover {
background-color: transparent;
}
  
/* -------------------------------------------------------------- 
7 - Single Post
-------------------------------------------------------------- */

.blog-single-post > .post >  .content-section {
padding-bottom: 50px;
margin-bottom: 50px;
border-bottom: 2px solid #0078A4;
clear: both;
float: left;
width: 100%;
}

.blog-single-post > .post > .content-section:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}

/* comments */
.comments > h3 {
margin-bottom: 30px;
}

.comments .comment {
float: left;
clear: both;
width: 100%;
margin-bottom: 30px;
}

.comments .comment .comment {
margin-top: 30px;
margin-left: 10%;
width: 90%;
}

.comments .comment .comment .comment {
margin-left: 0px;
width: 100%;
}

.comments .comment:last-child {
margin-bottom: 0px;
}

div.avatar {
float: left;
border-radius: 4px;
-webkit-border-radius: 4px;
position: relative;
overflow: hidden;

/* inline styles */
width: 80px; height: 80px;
}

.comment > .content {
margin-left: 100px;
}

.comment .comment-meta a , .comment .comment-meta span {
font-size: 16px;
line-height: 24px;
font-weight: 600;
}

/*
.comments .comment-meta span {
text-transform: uppercase;
color: #FF0000;
margin-left: 16px;
margin-right: 16px;
}
*/

.comments .comment-meta a.reply {
text-transform: None;
}

.comments .comment-content p {
font-weight: 300;
font-size: 16px;
line-height: 24px;
}

/*  form */

.comments-wrapper > h3 {
margin-bottom: 30px;
float: left;
clear: both;
}

.comments-form input[type=text] , .comments-form input[type=email] , .comments-form textarea
{
float: left;
clear: both;
margin-bottom: 20px;
width: 94%;
padding: 15px 3%; /* Alto de la celda */
border: none;
background: #FFFFFF; /* Color de fondo de las celdas */
border-radius: 3px;
color: #333333; /* Color del texto sobre las celdas */
font-size: 18px;
font-weight: 300;
}

.comments-form input[type=text]:focus, 
.comments-form textarea:focus, 
.comments-form input[type=email]:focus,
.comments-form input[type=text]:active , 
.comments-form textarea:active{
color: #666666; /* Color del texto sobre las celdas */
}

.comments-form textarea {
height: 240px;
}

.comments-form .submit-comment {
color: #FFFFFF /* Color del texto Enviar */!important;
font-weight: 700;
font-size: 18px;
text-transform: None;
text-align: center;
padding: 15px 34px;
border-radius: 4px;
-webkit-border-radius: 4px;
outline: none;
border-right: none;
border-left: none;
border-top: none;
border-bottom-width: 2px;
border-bottom-style: solid;
margin: 0px;
}

.comments-form .submit-comment:hover {
color: #FFFFFF; /* Color del texto on Mouse Over */!important;
}