/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato');


body{
	font-family: 'Lato', sans-serif;
	font-size:17px;
}

img{
	max-width:100%;
	height:auto;
}

.left{
	text-align: left;
}

#frase{
	color:#94ce55;
	text-align:center;
	font-size:25px;
	font-weight:bold;
}

h3,
h2{
	color:#004588;
	
}

.selected{
	color:#fff !important;
	background-color:#00ACDE;
	}

#presentacion{
	    width: 100%;
    padding: 2%;
    text-align: center;
    margin-left: 5px;
}

.bg-imagen{
	padding: 6% 0%;
	background:url(../imagenes/bg5.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    overflow-x: hidden;
    width: 100%;

}

.frase-blanca{
	width:100%;
	text-align:center;
	padding:1%;
	color:#fff;
	font-size:4em;
	 font-weight: bold;
	 font-family: 'Satisfy', cursive;
	     text-shadow: 3px 3px 10px #545454;
}

.cont-izq,
.cont-der{
	    width: 46%;
    float: left;
    /* padding: 2%; */
    overflow: hidden;
    margin: 2%;
	text-align:left;
}


.cont-central{
	text-align:center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:1%;
	margin:10px 0px;
}


.titulo-seccion{
	color:#94ce55;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	padding:1%;
	border-bottom: 1px solid #ccc;
	margin: 20px 0px;
}



.right{
	text-align:right;
}


.round{
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}	

.mitad{ 
width:50%;
float:left;
}

.destaca {
    background-color: rgba(3,3,3,0.5);
    color: #00ACDE;
    padding: 5px;
    font-size: 24px;
    line-height: 24px;
    width: 50%;
    margin: 0 auto;
    margin-bottom: 5px;
	margin-top: 5px;
}

.navbar-inverse {
   /* height: 100px;
    margin-top: -55px;*/
	background: #fff;
}

.navbar-inverse ul{
	/*margin-top: 33px;*/
	 margin-bottom: 9px;
	}  
	
#logo{
	width:50%;
	float:left;
	text-align:left;
}

.linea{
	width:100%;
	height:5px;
	background-image:url(../imagenes/linea.jpg);
	background-position:center;
	}

#frase-focus{
	width:50%;
	float:left;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #004588;
	line-height:34px;
}
	
	.texto1{
		font-size:20px;
		color: #fff;
	}
	
#form_contacto{
	background-color: #00a859;
    padding: 3%;
}



.social {
	    position: fixed;
    right: 0;
    top: 150px;
    z-index: 2000;
    text-align: right;
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #000;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
		
		-webkit-border-top-left-radius: 8px;
  		-webkit-border-bottom-left-radius: 8px;

 		 -moz-border-radius-topleft:8px;
 		 -moz-border-radius-bottomleft: 8px;

		  border-top-left-radius: 8px;
 		 border-bottom-left-radius: 8px;		
		
	}
 
	.social ul li .icon-facebook {background:#005BA1;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-twitter {background: #00abf0;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #666666;}
	.social ul li .icon-instagram {background: #f502be;}
	.social ul li .icon-whatsapp {background: #25d366;}
 
	.social ul li a:hover {
		/*background: #005BA1;  Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}


	/*  PRODUCTOS  */

.producto{
	    width: 31%;
    height: auto;
    float: left;
    margin: 1%;
    text-align: center;
	}

.foto-prod{
	}

.titulo-prod{
	    background-color: #00a859;
    padding: 3%;
    color: #fff;
	text-transform:uppercase;
	}

.texto-prod{
	background-color:#eaeaea;
	padding:5%;
	min-height: 175px;
	}


	

	/*===================  footer  =======*/

footer {
	background-color: #94ce55;
	color: #fff;
	font-size: 16px;
	padding: 15px 0px 90px 0px;
	    

}

#footer-right{
	text-align:	right;	
}

footer p {
	margin-top: 10px;
}

footer p.credit {
	text-align: right;
}

.bloque{
	margin-bottom:30px;
}



/*SLIDER*/
 
        ul li {padding: 5px 0;}
        header {display:block;padding:60px 0 20px;text-align:center;position:absolute;top:8%;left:8%;z-index:4;}
        header a {
            font-family: sans-serif;
            font-size: 24px;
            line-height: 24px;
            padding: 8px 13px 7px;
            color: #fff;
            text-decoration:none;
            transition: color 0.7s;
        }
        header a.active {
            font-weight:bold;
            width: 24px;
            height: 24px;
            padding: 4px;
            text-align: center;
            display:inline-block;
            border-radius: 50%;
            background: #C00;
            color: #fff;
        }














/*========================================  media query  =============================*/

@media (max-width: 500px) {
	.well {
		text-align: center;
	}
	
	footer,
	#footer-left,
	#footer-right {
		text-align:center;
	}
	
	footer p.credit {
    text-align: center; 
	}
	
	
	
	.page-header {
    text-align: center;
	}
	
	.tapa-libro{
		width:80%;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:20px;
		}
		
	.texto-libro{
		width:90%;
		margin:5%;
		}
		
	.slider-libro{
		width:100%;
		height:auto;
		float:left;
		}
		
		.informe{
		width: 40%;
    margin: 3%;	
		}
		
		
		#datos-contacto{
			text-align:center;
		}
		
		
		
	.conferencia-foto,
	.conferencia-texto,
	.mitad{
		width:100%;
	}
		
	.destaca {
    width: 90%;

}
		
	.cont-izq,
	.cont-der{
		width:100%;
		padding:4%;
		height:auto;
		
	}	
	
	.producto{
	    width: 90%;
		margin:5%;
	}
	
	.mitad{ 
width:100%;
float:left;
}
		
}

@media (min-width: 501px) and (max-width: 800px){

.informe{
		width: 26%;
    margin: 3%;
		}
		
		.producto{
	    width: 44%;
    margin: 3%;
	}
		
}