/*
-------------------------------------------------------------------------
								GENERAL
-------------------------------------------------------------------------
*/

	@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
	@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
	@import url(http://fonts.googleapis.com/css?family=Kotta+One);
	@import url(http://fonts.googleapis.com/css?family=Raleway);

	body {
		font-family: 'Droid sans', sans-serif;
		font-size: 14px; /* -= 1em*/
	    color: #585858;
	}

	.cuerpo{
		position: relative;
		margin-top:50px;
	}

	/*menu fixed **************************************************/

    	.separador-nav-content{
            padding-top: 65px;
        }

        @media (min-width: 0px) and (max-width: 768px){
            .separador-nav-content{
                padding-top: 75px;
            }
            #block-carousel{
            	margin-top: -20px;
            }
        }

        @media (min-width: 768px) and (max-width: 1024px){
            .separador-nav-content{
                padding-top: 55px;
            }
        }

        @media (min-width: 1024px) and (max-width: 1366px){
            .separador-nav-content{
                padding-top: 70px;
            }
        }

        .menu-web{
            width: 100%;
            position: fixed;
            background-color: #FFF;
            z-index: 999;
            padding-top: 20px;
            border-bottom: 1px solid #5882AE;
            padding-bottom: 25px;
        }

        .menu-web img{
            width: 185px;
            margin-top: -3px;
        }


        .block-logo-certipro{
            margin-top: 5px;
        }

        @media(min-width:767px) {
            .menu-web{
                -webkit-transition: background .4s ease-in-out,padding .4s ease-in-out;
                transition: background .4s ease-in-out,padding .4s ease-in-out;
            }

            .top-nav-collapse {
                padding: 8px;
            }
        }

        @media (min-width: 0px) and (max-width: 768px){
            .block-logo-certipro{
                text-align: center;
            }

            .menu-web{
                width: 100%;
                position: fixed;
                background-color: #FFF;
                z-index: 999;
                padding-top: 10px;
                border-bottom: 1px solid #5882AE;
                padding-bottom: 15px;
            }

            .menu-web img{
                width: 160px;
                padding-top: 10px;

            }

        }

        .navbar-default{
            border: 0;
            border-color: #FFF;
            margin-bottom: 0px;
            background-color: #FFF;
            box-shadow: none;
            padding-top: 10px;
        }

        .navbar-default .navbar-collapse{
            background-color: #FFF;
        }

        .navbar-default .navbar-nav>li>a{
            color: #5882AE; /*#2b618c*/
            font-family: 'Droid sans';
            font-size: .9em;
            font-weight: bold;
            padding: 7px 13px;
        }

        .navbar-default .navbar-nav>li>a:focus{
            color: #5882AE;
        }

        .navbar-default .navbar-nav>li>a:hover,
        .navbar-default .navbar-nav>li>a:active{
            color: #F5F5F5;
            border-radius: 5px;
            background-color: #2A608B;
        }

        @media (min-width: 0px) and (max-width: 768px){

            .navbar-default .navbar-nav>li>a:hover,
            .navbar-default .navbar-nav>li>a:active{
                color: #F5F5F5;
                border-radius: 0px;
                background-color: #2A608B;
            }
        }

        .navbar-default .navbar-toggle{
            border-color: #0288CC;
        }
        .navbar-default .navbar-toggle:hover,
        .navbar-default .navbar-toggle:active{
            background-color: #EEEEEE;
        }
        .navbar-default .navbar-toggle .icon-bar{
            background-color: #0288CC;
        }

        .header-redes{
            float: left;
        }

        .icon-header-redes li{
            list-style: none;
            display: inline-block;
        }

        .icon-header-redes li a{
            display: block;
            font-size: .9em;
        }

        .header-icon-facebook,
        .header-icon-twitter,
        .header-icon-linkedin{
            color: #2B618C;
            padding: 4px 4px;
        }
		.header-icon-facebook>span,
        .header-icon-twitter>span,
        .header-icon-linkedin>span{
        	font-size: 2.5em;
        }

        .header-icon-facebook:hover,
        .header-icon-facebook:active{
            -webkit-transition: 0.8s;
                    transition: 0.8s;
            color: #405D9A;
        }

        .header-icon-twitter:hover,
        .header-icon-twitter:active{
            -webkit-transition: 0.8s;
                    transition: 0.8s;
            color: #55ACEE;
        }

        .header-icon-linkedin:hover,
        .header-icon-linkedin:active{
            -webkit-transition: 0.8s;
                    transition: 0.8s;
            color: #0077B5;
        }

        /*fin menu fixed **************************************************/


	/* FOOTER */

	.footer {
	    border-top: 2px solid #2B618C;
	    margin-top: 30px;
	}

	.footer a{
		color: #FFF;
	}

	.footer-informacion{
		background: #0E3A5B;
		padding: 0px 10px 60px 0px;
	}

	.footer-copyright {
		background: #07253B;
	    text-align: center;
	    color: #CCC;
	    padding: 8px;
	    font-size: 0.8em;
	}

	.footer-copyright a{
	    color: #CCC;
	}

	.footer-informacion h4 {
		margin-top: 20px;
	    color: #F6F6F6;
	    font-size: 1.2em;
	    padding-bottom: 5px;
	}

	.footer-informacion ul{
		list-style: none;
		margin-left: -40px;
	}

	.footer-informacion ul li{
		font-size: 0.8em;
		line-height: 20px;
	}

	.footer-informacion ul li a:hover{
		text-decoration: underline;
	}

	.title-footer-group{
      border-bottom: 1px solid #D9DBDB;
    }

    .title-footer-item{
      font-size: .9em;
      color: #F6F6F6;
      padding: 0px 0px 2px 0px;
    }

	.footer-details{
	    color: #F6F6F6;
	    font-size: 0.8em;
	}

	.redes-sociales{
		text-align: center;
		padding: 25px 0px 0px 0px;
	}

	.redes-sociales ul li{
		display: inline-block;
		width: 38px;
		height: 38px;
		margin-right: 25px;
		border: 1px solid #F6F6F6;
		padding: 8px 0px;
		cursor: pointer;
		text-align: center;
		-webkit-transition: all 0.6s ease;
		-moz-transition: all 0.6s ease;
		transition: all 0.6s ease;
	}

	.redes-sociales .facebook:hover{
		background: #3B5998;
		border: 1px solid #3B5998;
	}
	.redes-sociales .twitter:hover{
		background: #00CAFB;
		border: 1px solid #00CAFB;
	}
	.redes-sociales .linkedin:hover{
		background: #0077B5;
		border: 1px solid #0077B5;
	}

	.redes-sociales ul li a{
	  	font-size: 18px;
	  	color: #F6F6F6;
	}
	.redes-sociales ul li:hover a{
	 	color: #F6F6F6
	}

	/*---------------------------- CONTACTO ------------------------*/

	.formulario legend{
		text-align: center;
		color: #0E3A5B;
	}

	.formulario label{
		font-family: 'Roboto Condensed', sans-serif;
		text-align: left !important;
		display: block;
		letter-spacing: 1px;
		font-size: .9em;
		color: #878787;
	}

	.formulario input,
	.formulario textarea {
		margin-top: 10px;
		border-radius: 0px;
		border: 1px solid #EEEEEE;
	  -webkit-box-shadow: none;
	          box-shadow:  none;
		font-size: .8em;
		background: #F5F5F5;
	}

	.formulario input{
		height: 40px;
	}

	.formulario button {
		margin-top: 30px;
		border-radius: none;
		border: none;
		height: 40px;
		background: #71B0FF;
		font-size: .9em;
		/*border: 1px solid #0E3A5B;*/
	}

	.formulario input:focus,
	.formulario input:active,
	.formulario textarea:focus,
	.formulario textarea:active {
		border: 1px solid #CCC;
		box-shadow: none;
		background: #FFF;
		border-radius: 5px;
		transition: 0.5s;
	}

	.formulario span{
		margin-right: 8px;
	}
/*
-------------------------------------------------------------------------
								INDEX
-------------------------------------------------------------------------
*/

	.body-index{
		background-color: white;
	}

	.block-partners{
		text-align: center;
	}

	.block-partners img{
		padding: 0em 2em;
	}

	.color-azul-certipro{
		color: #2B618C;
	}

	.links-sociales{
		padding: 3em 0;
		text-align: center;
	}

	.links-sociales span{
		color: #707070;
		font-size: 3em;
		padding-right: 1em;
	}

	.red-facebook:hover{
		transition: 0.5s;
		color: #EEEEEE;
	}

	.red-twitter:hover{
		transition: 0.5s;
		color: #EEEEEE;
	}

	.red-linkedin:hover{
		transition: 0.5s;
		color: #EEEEEE;
	}

	.footer-fondo{
		background-color: #0E3A5B;
		color: #EEEEEE;
	}

	.title-footer{
		font-size: 1.2em;
		color: #CCC;
	}

	.section-empresa{
		padding: 2em 0;
	}

	.box-area{
		background-color: white;
		padding: 1em;
		margin-bottom: 1em;
	}

	.box-area .icon-area span{
		font-size: 3em;
		padding: .4em;
		color: #2B618C;
		border-radius: 50%;
		border: #CCC;
		background-color: #EEEEEE;
	}

	.section-areas{
		background: #F5F5F5;
		padding: 2em 0 3em 0;
	}

	.section-partners{
		padding: 3em 0 3em 0;
	}

	.block-title-img-empresa{
		text-align: center;
	}

	.block-title-img-empresa span{
		font-size: 4em;
		color: #2B618C;
	}


/*
-------------------------------------------------------------------------
								CONTACTO y bloques responsive
-------------------------------------------------------------------------
*/

	#map-canvas {
	    height: 400px;
	    margin: 0px;
	    padding: 0px
	}

	label{
		display: block;
	}

	label.error{
		color: red;
	}

	.block-icon-contactanos{
		text-align: center;
	}

	.icon-contactanos{
		padding: .5em .7em;
		border-radius: 50%;
		border: 1px solid #CCC;
		color: #CCC;
	}

	.block-icon-contactanos-details{
		color: #878787;
		padding: 2em;
		line-height: 2em;
	}

	.section-block-contactanos,
	.section-block-galeria,
	.section-block-portfolio{
		background-color: #2A608B;
		color: #CCC;
		padding: .8em;
	}

	.title-block-contactanos p,
	.title-block-galeria p,
	.title-block-portfolio p{
		margin-top: .5em;
		padding-left: 1em;
		font-size: 2em;
		color: #EEEEEE;
		font-family: 'Droid sans';
	}



	@media (max-width: 767px) {
		.section-block-contactanos,
		.section-block-galeria,
		.section-block-portfolio{
			margin-top: 10px;
			background-color: #2A608B;
			color: #CCC;
			padding: .8em;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
	 	.section-block-contactanos,
		.section-block-galeria,
		.section-block-portfolio{
			margin-top: 25px;
			background-color: #2A608B;
			color: #CCC;
			padding: .8em;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px) {
		.section-block-contactanos,
		.section-block-galeria,
		.section-block-portfolio{
			margin-top: 30px;
			background-color: #2A608B;
			color: #CCC;
			padding: .8em;
		}
	}
	@media (min-width: 1200px) {
	  	.section-block-contactanos,
		.section-block-galeria,
		.section-block-portfolio{
			margin-top: 30px;
			background-color: #2A608B;
			color: #CCC;
			padding: .8em;
		}
	}



	.title-block-contactanos p,
	.title-block-galeria p,
	.title-block-portfolio p{
		margin-top: .5em;
		padding-left: 1em;
		font-size: 2em;
		color: #EEEEEE;
		font-family: 'Droid sans';
	}


.section-block{
	background-color: #F2F2F2;
	padding: 2em 0;
}

/*
-------------------------------------------------------------------------
								FIN CONTACTO
-------------------------------------------------------------------------
*/