body{
	color:#fff;
}

.preheader{
	background: #1aa1ec;
	        border-bottom: 5px solid #ffbf02;
	        position: relative;
}

.like{

	background: #ffbf02;
	height: 59px;
	padding: 18px;
}
.redsocial {
    padding: 30px 20px;
}
 
 
.inicio {
    
    width: 100px;
}

.inicio h4{

	    color: #000;
    background: #ffbf02;
    padding: 20px;
    margin: 0;
    text-align:center;
   
}

.derecha{
	float: right;
}

.menu{
    background: #fff;
   
    z-index: 1 !important;
    position: relative;
}

table  {
  color: #000;
}

td ul{
  padding-left: 15px;
}


#navbar {
    background: #ffbf02;
        border-bottom: 7px solid #1aa1ec;
}

section{
	margin: 15px 0;
}
.margen{
  margin-bottom: 10px;
}
.margen a:hover{
opacity: 0.8;
}
.textopublicidad {
    background: #1aa1ec;
    padding: 1px 10px;
    margin: 5px 0;
    text-transform: uppercase;
}
.articulos p{
color: #000;
    padding: 10px;
    text-align: justify;
}

.novedades{
      position: absolute;
    bottom: 0px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.54);
        margin-right: 15px;
       
}
.imgarticulo img{
      padding: 5px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
.seccionpublicidad img{
   width: 100%;
}

.seccioncursos {
    background: #e8ac00;
    padding: 0;
    text-transform: uppercase;
    color: #000;
    margin-top: 10px;
}


.seccionpublicidad li {
    color: #000;
    padding: 2px 4px;
    list-style: none;
}
.seccioncursos h4 {
        display: inline-block;
    background: #ffbd00;
    padding: 10px;
    margin: 0;
}



.logo img{
	padding: 10px;
    width: 400px;
}


h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

.p {
  padding-top: 125px;
  text-align: center;
}

.p a {
  text-decoration: underline;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    display: none;
}


.navbar{
	margin-bottom: 0;
	border: 0;
	    
}

.navbar-inverse{
	background: #fff;
	

}



.navbar-default .navbar-nav > li > a{
	color: #000;
	       padding: 15px 22px;
	        
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{

 background-color: #1aa1ec;
  
     color: #fff;
    
    font-weight: bold;

}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
  
   background-color: #1aa1ec;
 
        color: #fff;
   
    font-weight: bold;

}



.btn-default {
    color: #fff;
    background-color: #1aa1ec;
    border-color: #ccc;
}

/* social */

.social {
	       width: 150px;
    height: 45px;
    list-style: none;
    padding: 0;
    float: right;
    display: block;
}

.social li {
	padding: 0 2px;
    margin: 0;
    border-bottom: none;
    text-align: center;
    background: none;
    float: left;

}

.social a {
	    display: block;
    width: 45px;
    height: 45px;
    padding: 11px 0 0 0;
    text-align: center;
   
 
    font-size: 1.1rem;
        border-radius: 50px;
}

.social .fa { padding:0; margin:0;}

.compartir { margin:13px 10px 0 0 !important; text-transform:uppercase; color:#fff;}

.fac { background:#415e9b; color:#FFF !important;}

.twi { background:#55acee; color:#FFF !important;}

.goo { background:#d73d32; color:#FFF !important;}

.trip { background:#d73d32; color:#FFF !important;}



.fac:hover { background:#415e9b; color:#FFF !important; opacity: 0.8;}

.twi:hover { background:#55acee; color:#FFF !important; opacity: 0.8;}

.goo:hover { background:#d73d32; color:#FFF !important; opacity: 0.8;}

.trip:hover { background:#d73d32; color:#FFF !important; opacity: 0.8;}


.btn-primary{
	background:#F0D100;
	color:#000;
	
	}
		
.sinpadding{
    padding: 0;
}


/*contenido*/
.titulo{
	color: #000;
	    margin-top: 4%;
	    background-image: url(../img/titulo.png);
	        background-size: cover;
	        background-repeat: no-repeat;
			padding: 0;
}
.titulo h4{
	    color: #000;
    padding: 5px 10px;
    background: #fff;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
font-size: 1.5em;
}

.contenido{
	position: absolute;
	color: #fff;
	bottom: 5px;
    z-index: 99;
    padding: 10px 5px;
}

.contenido a{
	font-family: 'Oswald', sans-serif;
	color: #fff;
	text-transform: uppercase;
	    font-size: 16px;
}
.contenido p{
	
	
	    font-size: 12px;
}

.alinear{
	margin-bottom: 5px;
}
.margen-in{
	margin-bottom: 2%;
	    display: block;
    position: relative;

}
.margen-in p{
	color: #676767;
	font-size: 10px;
}
.margen-in h5{
	color: #676767;
	font-size: 1.3em;
	font-family: 'Oswald', sans-serif;
}
.iconcoment{
	padding-left: 5px;
}


/* fin contenido*/

  .clientes h2{
  	padding: 10px 0;
  	color:#0083c7;
	text-align:center
	}



	#owl-demo .item{
  margin: 3px;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
  padding: 7%;
}

footer{
background: #0083c7;
    background-size: cover;
        padding: 3% 0;
            border-bottom: 2px solid #ffbd00;
}

footer h3{
  
  border-bottom: 2px solid #ffbd00;
    padding-bottom: 8px;
}

footer li{
  list-style: none;
}

.datos{
	padding-left:5%;
}

.fooba{
	background: #ffbd00;
}
.fooba h3{
color: #000;
    text-align: center;
    
    padding: 20px 0;
    }

    .autor{
    	padding: 10px;
    	text-align: center;
    	background:  #0083c7;
    	color: #fff;
    }
.btn.btn-enviar {
    background: red;
    border-bottom: 5px solid #bd3e3e;
    padding: 7px 50px;
    font-size: 18px;
    border-radius: 5px;
}
.boton{

padding: 30px 20px;

}
input.form-control {
    padding: 24px;
}
input.form-control2 {
    width: 100%;
    padding: 5px;
    color: #000;
}

.social2 {
    width: 150px;
    height: 45px;
    list-style: none;
    padding: 0;
    float: left;
    display: block;
}

.social2 li {
  padding: 0 2px;
    margin: 0;
    border-bottom: none;
    text-align: center;
    background: none;
    float: left;

}

.social2 a {
      display: block;
    width: 45px;
    height: 45px;
    padding: 11px 0 0 0;
    text-align: center;
   
 
    font-size: 1.1rem;
        border-radius: 50px;
}

.social2 .fa { padding:0; margin:0;}




/*botones compartir*/
.share-buttons-row{
    height: 40px;
    margin-top: 20px;
  display: block; 
    -webkit-align-items: center; 
    display: block;
    align-items: center;
}

.share-buttons-row > div {
  width: 100%;
height: 40px;
    cursor: pointer;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

  text-align: center;
  float: left;
  margin-right: .3em;
  margin-bottom: 5px; 
   margin-top: 5px; 
  padding: 0;
  
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.share-fb{
   
    background-image: url(../img/face.png);
}

.share-twitter{
   
    background-image: url(../img/twitter.png);
}

.share-google-plus{
 
    background-image: url(../img/gogle.png);
}



/*
fin botones compartir
*/
.noticia{
     border-radius: 5px;
    border: 1px solid #99be11;
    padding: 11px;
    margin: 10px 0;
    background: rgba(153, 190, 17, 0.03);
}
.noticia h5{
     color: #004a9a !important;
  font-size: 16px;
      padding-left: 10px;
}
.noticia p{
  color: #000;

  font-size: 13px;
}
.noticia img{
  
      float: right;
    padding:10px;
}
.noticia a{
  color: #000;
  padding-left: 10px;

}
.noticia a:hover{
  color: red;
}

    @media only screen and (max-width:1200px){

    	.like {
    background: #ffbf02;
    height: 59px;
    padding: 3% 10%;
}

   .margen-in h5{
   	    margin: 0;
   }

.navbar-default .navbar-nav > li > a{
    padding: 15px 13px;}


    }




  @media only screen and (max-width:991px){
.publicidad-mov{
display:none;}
.navbar {
 
    background: #ffbf02;
   
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
    display: block;
}

.seccionpublicidad{
 
}

.navbar-default .navbar-nav > li > a{
    padding: 15px 42px;}



  }


.margen-in h5{
   	    margin-top: 10px;
    margin-bottom: 10px;
   }


     @media only screen and (max-width:767px){

 
.inicio {
    margin: 0 auto;
    width: 100px;
float:left;
}
      .derecha {
    float: right;
    display: none;
}
     	.redsocial{
     		    padding: 0px 20px;
     	}

.social {
    list-style: none;
    padding: 0;
   float: none;
    display: block;
    margin: 8px auto;
}


.like {
    
    text-align: center;
}



.logo img {
    width: 100%;
    margin: auto;
    display: block;
}


.navbar {
    margin-top: 5px;
    border: 0;
    float: none;
    background: #ffbf02;
    padding: 0px 10px;
}
#navbar {
    background: #ffbf02;
    border-bottom: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
    display: block;
}
.navbar-brand{
	text-align: center;
}


.navbar-default .navbar-nav > li > a{
	color: #000;
	    padding: 5px 5px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color: #000;
 background-color: #1aa1ec;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    color: #000;
   background-color: #1aa1ec;
}


    }



     @media only screen and (max-width:620px){

.servicios img {
    margin: auto;
    padding: 15px;
    display: block;
    width: 50%;
}

     }



     @media only screen and (max-width:384px){
.margen-in h5{
   	    margin: 0;
   }


.servicios img {
    margin: auto;
    padding: 15px;
    display: block;
    width: 70%;
}

     }


       @media only screen and (max-width:309px){
		   

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 0px;
    font-size: 16px;
    line-height: 20px;
}


       }



 @media only screen and (max-width:420px){
	 .input-group-addon, .input-group-btn, .input-group .form-control {
  
    margin: 4px auto;
    display: inherit;
    
}
.like {
    text-align: center;
    display: none;
}
.inicio h4 {
    
    margin: -1px;
   
}
 }



/*formulario*/

form { padding: 0;}

label {
  display:block;
  padding:3px 0 10px 0;
  color: #000;
}

input[type="text"], input[type="email"], textarea[rows], select  {

  border:none;
  background:#FFF;
  display:block;
  padding:10px;
  margin:0 0 14px 0;
  width:100%;
  color:#000 !important;
  height:auto;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-transition:all 0.3s ease-in;
  -webkit-transition:all 0.3s ease-in;
  -o-transition:all 0.3s ease-in;
  transition:all 0.3s ease-in;
  -ms-transition:all 0.3s ease-in;
  border-radius:4px;
      border: 1px solid #ccc;
         

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;


}

input[type="text"]:focus, textarea[rows]:focus, select:focus, select:hover { 
  background:#fff;
  color:#000 !important;

   box-shadow: 0 0 0px #999999;
    border-color: #999999; }
}



label.error {
    color: #ff8e00;
    opacity: 0.9;
    padding: 0;
    margin-top: -8px;
}

textarea#txtmsg {
width: 100%;
    margin: 0px 0 10px 0;
	    color: #000;
    padding: 10px;
}

button, .button {
     background-color: #ffbf02;
    color: #000;

  padding:0.8125rem 1.375rem;
  letter-spacing:1px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px !important;

}

button:hover, .button:hover {
    background-color: #1aa1ec;
    color: #00223e;
}

button:focus, .button:focus {
  background-color:#ffcb08;
  color:#000;  
}

label.error {
    color: #F44336;
    opacity: 0.9;
    padding: 0;
    margin-top: -8px;
        margin-bottom: 10px;
}

span.input-group-btn1 {
    display: table-cell;
    width: 1%;
}

.derechos a{
	color:#fff;
}
.derechos a:hover{
    color: #ffbd00;
}
footer a{
   color:#fff;
}
footer a:hover{
   color:#ffbd00;
}


.content-2 {
    text-align: center;
    height: 100px;
    margin: auto;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    
    right: 0;
    border-bottom: 1px solid white;
    overflow: hidden;
    width: 0;
    transition: 1s ease;
  }
  .content-2.loaded {
    width: 100%;
  }
  .four,
  .five,
  .six,
  .seven{
    color: #fff;
    font-size: calc(20px + 1.5vw);
    position: absolute;
    text-align: left;
    margin: auto;
    top: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .75s ease;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 800;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-top: 2.8%;
margin-left: 140px;
  }
.content-2 a{
    color: #fff;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 600;
    text-align: left;
    line-height: 60px;
    text-transform: uppercase;
}
.content-2 a:hover{
  color: #ffbf02;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
}

.flecha{
    background: #ffbf02;
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 9 !important;
    display: block;
    top: 17px;
    left: 100px;
    transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
}

.contact{
color:#000;
}
textarea {
    width: 100%;
    padding: 11px;
    border: 1px solid #ccc;
    border-radius: 6px;
    height: 140px;
}
u {
    color: red;
    text-decoration: none;
    padding-left: 2px;

}

.articulos h1{
	color:#000;
	text-align:left !important;
	font-size:36px !important;
}

.articulos h2{
	color:#000;
}

.articulos h3{
	color:#000;
}

.cgtop{
    display: block;
    top:20px;
    color: #fff;
    position: absolute;
    left: 150px;
}
.cgtop span a{
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
}
.cgtop span a:hover{
    color: #ffbf02;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.60);
}