
/* fonts
------------------------------------------------------------------------------------------------------  */

@font-face {
    font-family: 'AktivGrotesk-Bold';
    src: url('fonts/AktivGrotesk-Bold.eot'); 
    src: url('fonts/AktivGrotesk-Bold.eot#iefix') format('embedded-opentype'),
         url('fonts/AktivGrotesk-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;        
}

@font-face {
    font-family: 'AktivGrotesk-Light';
    src: url('fonts/AktivGrotesk-Light.eot'); 
    src: url('fonts/AktivGrotesk-Light.eot#iefix') format('embedded-opentype'),
         url('fonts/AktivGrotesk-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;  
}

@font-face {
    font-family: 'AktivGrotesk-Medium';
    src: url('fonts/AktivGrotesk-Medium.eot');      
    src: url('fonts/AktivGrotesk-Medium.eot#iefix') format('embedded-opentype'),
         url('fonts/AktivGrotesk-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;  
}

@font-face {
    font-family: 'AktivGrotesk-Regular';
    src: url('fonts/AktivGrotesk-Regular.eot'); 
    src: url('fonts/AktivGrotesk-Regular.eot#iefix') format('embedded-opentype'),
         url('fonts/AktivGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;  
}

@font-face {
    font-family: 'AktivGrotesk-XBold';
    src: url('fonts/AktivGrotesk-XBold.eot'); 
    src: url('fonts/AktivGrotesk-XBold.eot#iefix') format('embedded-opentype'),
         url('fonts/AktivGrotesk-XBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;  
}

@font-face {
    font-family: 'Arial';
    src: url('fonts/Arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    font-family: 'AktivGrotesk-Regular';
    width: 100%;
    padding: 0px;
    font-size: 14px;
}



	/* row
	------------------------------------------------------------------------------------------------------  */
	.row        { width: 90%; padding: 0px 5%; max-width: 1300px; margin: 0 auto; }


	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }




	h1{
		color: #fff;
		font-size: 25px;
		font-family: 'AktivGrotesk-Light';
		letter-spacing: 2px;
		line-height: 30px;
	}
	h1 span{
		font-size: 50px;
		line-height: 75px;
		font-family: 'AktivGrotesk-Medium';
	}
        .home h1{
		font-size: 38px;
		line-height: 65px;
	}
        .home h1 span{
		font-size: 90px;		
		line-height: 85px;
	}


	.btn .txt{
		float: left;
		padding: 13px 20px;
		padding-top: 16px;
		padding-bottom: 12px;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		text-align: center;
		border-left: 3px solid #fff;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
                text-transform: uppercase;
	}
	.btn img{
		float: left;
		border: 3px solid #fff;
		padding: 14px 14px;
	}
	.btn .txt:hover{
		background-color: #fff;
		color: #999;
	}
        .btn .txt2{
		padding: 10px 18px;
		padding-bottom: 8px;
		border-right: 2px solid #fff;
                border-left: 2px solid #fff;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
                margin-left: 4px;
                margin-right: 4px;
                min-width: 170px;
                
	}
	.text-black{
		color: #000 !important;
	}
	.text-blue{
		color: #1a95d4 !important;
	}
	.parrafo-20{
		color: #444;
		max-width: 420px;
		width: 100%;
		font-size: 20px;
		font-family: 'AktivGrotesk-Light';
	}
	.parrafo-20 span{
		color: #1a95d4 !important;
		font-family: 'AktivGrotesk-Medium';
	}
	.parrafo-15{
		margin-top: 30px;
		color: #666;
		font-size: 15px;
		font-family: 'AktivGrotesk-Light';
		max-width: 650px;
		width: 100%;
	}
	.parrafo-15 ul{
		margin-left: -20px;
		color: #666;
		font-size: 15px;
		font-family: 'AktivGrotesk-Light';
		max-width: 650px;
		width: 100%;
		list-style-image: url('../img/ul-li.png');
	}
	.parrafo-15 strong{
		color: #000;
		font-family: 'AktivGrotesk-Regular';
	}



	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		margin: 0 auto;
		width: 100%;
		height: 800px;
		background-image: url('../img/home/cap_central.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#header-corporate{
		float: left;
		width: 100%;
		background: rgba(255,255,255,0.6) !important;
		border-bottom: 1px solid #f0f0f0;
	}
	.corporate{
		height: 950px !important;
		background-image: url('../img/corporate/img_corp.jpg') !important;
	}
	.contact{
		height: 300px !important;
		background-image: none !important;
		background-color: #fff !important;
		border-bottom: 1px solid #f0f0f0 !important;

	}
	.positivo a{
		color: #000 !important;
	}
	.a-corpo{
		color: #000 !important;
	}
	.corporate .idioma a.activo{
		border: 3px solid #1a95d4 !important;
	}
        .contact .idioma a.activo{
		border: 3px solid #1a95d4 !important;
	}

	#header #logo{
		float: left;
		padding: 30px 0px;
	}
        
        
        /** Menu **/
        
	#header #menu{
		float: left;
		padding: 30px 0px;
		text-align: right;
		font-family: 'AktivGrotesk-Medium';
		font-size: 17px;                
	}
	#header #menu a{
		color: #fff;
		font-size: 1em;
		margin-left: 6%;
		text-decoration: none;
                text-transform: uppercase;
	}
	#menu .active{
		border-bottom: 3px solid #1a95d4;
		padding-bottom: 4px;
	}
	#menu .active-white{
		border-bottom: 3px solid #fff;
		padding-bottom: 4px;
	}
	#header #menu a:hover{
		color: #f0f0f0;
	}
        #header-corporate #menu a:hover{
		color: #bbb;
	}
	#header #menu input{
		width: 18px;
		background-image: url('../img/home/lupa_icon.png');
		background-position: 95% center;
		background-repeat: no-repeat;
		background-size: 17px;
		border: 0px;
		background-color: transparent;
		padding: 14px 10px;
		cursor: pointer;
		outline: none;
		font-size: 15px;
		padding-right: 35px;
		margin-left: 3%;
		color: #fff;
	}
	#header #menu input.corpo{
		background-image: url('../img/home/lupa_icon_black.png') !important;
	}	
	#header #menu input:hover, #header #menu input:focus{
		width: 12%;
		border: 0px;
		margin-left: 5%;
		background: url('../img/home/lupa_icon.png'), rgba(255, 255, 255, 0.4); 
		background-repeat: no-repeat;
		background-position: 95% center;
		transition: 0.5s;
	}
        
	#header #menu .idioma{
		float: right;	
                min-width:135px;		
                margin-left: 35px;                         
	}
	
        #header #menu .idioma a{
		display: block;   
                float: right;
                padding-top: 15px;  
                padding-right: 10px;
	}
        #header #menu .idioma a.activo{
		border: 3px solid #fff;
		padding: 12px 10px 8px 10px;                
	}
        #header #menu .idioma a:hover{
		opacity: 0.8;
	}
        
        
        /** Menu responsive **/
        
	#menu_resp{
		float: left;
		width: 100%;
		text-align: center;
		font-family: 'AktivGrotesk-Medium';
		font-size: 17px;
                display: none;
                position: absolute;
                z-index: 100;
                margin-top: 100px;
                background-color: #fff;
                border-bottom: 1px solid #1a95d4;
                border-top: 1px solid #1a95d4;
	}
	#menu_resp a{
                        float: left;
                        width: 100%;
			color: #1a95d4;
			font-size: 1em;
			margin-left: 0%;
			text-align: center;
			border-bottom: 1px solid #1a95d4;
			padding: 20px 0px 15px 0px;
			text-transform: uppercase;
                        text-decoration: none;
	}
	#menu_resp .active{
		border-bottom: 3px solid #1a95d4;
		padding-bottom: 4px;
	}
	#menu_resp .active-white{
		border-bottom: 3px solid #fff;
		padding-bottom: 4px;
	}
	#menu_resp a:hover{
		color: #1a95d4;
		background-color: #f0f0f0;
	}
        #header-corporate #menu_resp a:hover{
		color: #bbb;
	}
	#menu_resp input{
                        width: 85%;
			background-image: url('../img/home/lupa_icon.png');
			background-position: 95% center;
			background-repeat: no-repeat;
			background-size: 17px;
			border: 0px;
			background-color: #ddd;
			padding: 24px 5%;
			padding-right: 10%;
			cursor: pointer;			
			font-size: 15px;
			margin-left: 0%;
			color: #000;
			border: 0px;						
			margin-top: 20px;
			margin-bottom: 20px;
	}
	#menu_resp input.corpo{
		background-image: url('../img/home/lupa_icon_black.png') !important;
	}	
	
	#menu_resp .idioma{
		float: none;	
                width: 100%;	
                max-width: 150px;
                margin: 0 auto;
		padding-top: 15px;
                padding-bottom: 25px;                
	}
	
        #menu_resp .idioma a{
		display: block;   
                float: left;
                padding-top: 15px;   
                width: 45px;
                border: none;
                margin-bottom: 15px;
	}
        #menu_resp .idioma a.activo{
		border: 1px solid #1a95d4;
		padding: 10px 2px 6px 2px;   
                margin-top: 4px;
	}
        #menu_resp .idioma a:hover{
		opacity: 0.8;
	}
        .corporate #menu_resp .idioma a.activo{
		border: 1px solid #1a95d4 !important;
	}
        .contact #menu_resp .idioma a.activo{
		border: 1px solid #1a95d4 !important;
	}
        
        
        
        
	#header .titulo{
		float: left;
		margin-top: 20px;
	}
	#header .bullet{
		display: none;
		float: right;
		margin-top: 30px;
	}
	#header .bullet img{
		width: 46px;
	}
	#header .bullet img:hover{
		opacity: 0.8;
		transition: 0.5s;
	}

        
        .corporate #menu .m_corpo {
		    border-bottom: 3px solid #1a95d4;
                    padding-bottom: 4px;
	}
        .contact #menu .m_contact {
		    border-bottom: 3px solid #1a95d4;
                    padding-bottom: 4px;
	}
        .products #menu .m_products {
		    border-bottom: 3px solid #fff;
                    padding-bottom: 4px;
	}
        
        
            
    
        #header-corporate #menu a {
                color: #000;
        }


	#banners{
		padding: 50px 0px;
	}
	#banners .banner{
		float: left;
		width: 100%;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: cover;
		line-height: 55px;
	}
	#banners .banner:hover{
		opacity: 0.9;
	}
	#banners .banner-big{
		height: 570px;
	}
	#banners .banner-small{
		height: 285px;
	}

	#banners .txt-small{
		float: left;
		width: 92%;
		margin-top: 40px;
		margin-left: 8%;
		color: #fff;
		font-size: 30px;
		font-family: 'AktivGrotesk-Light';
		letter-spacing: 2px;
	}
	#banners .txt-big{
		float: left;
		width: 92%;
		margin-left: 8%;
		color: #fff;
		font-size: 70px;
		font-family: 'AktivGrotesk-Medium';
	}
	#banners .link{
		float: left;
		width: 92%;
		margin-top: 10px;
		margin-left: 8%;
		color: #fff;
		font-size: 18px;
		text-decoration: none;
	}
	#banners .link:hover{
		color: #f0f0f0;
	}
        
        
        
        /* submenu
	------------------------------------------------------------------------------------------------------  */
                        .nav {
				display: inline-block;
                                position: relative;   
                                margin-left: 5.5%;
                                margin-right: 0.5%;                                
			}
                        
			.nav ul {
                                list-style:none;
				display: none;
				position: absolute;
				text-align: left;
                                padding: 0;
                                margin: 0;
                                min-width: 150px;
                                background-color: #fff;                                  
			}
			
			.nav:hover > ul, .nav li:hover > ul {
				display:block;
			}
			
			.nav ul li {
				position:relative;
                                padding: 10px 20px 10px 5px;
			}
                        .nav ul li a {
				color: #999 !important;
                                font-family: 'AktivGrotesk-Light' !important;
                                font-size: 12px !important;
                                min-width: 105px;
                                display: inline-block;
                                text-transform: none !important;
			}
                        .nav ul li a:hover {
				color: #2b2b2b !important;                                
			}
			
			.nav ul li ul {
				right: -200px;
				top:0px;
                                background-color: #f2f2f2; 
                                padding: 4px 0;
                                min-width: 200px;
			}
                        .nav ul li ul li {
				padding: 5px 15px 5px 5px;
                                max-width: 180px;
			}
                        .nav ul li ul li a {
				color: #2b2b2b !important;                                
			}
                        .nav ul li ul li a:hover {
				color: #999 !important;                                
			}
                        
                        .nav ul li span {
				color: #777 !important;  
                                font-family: 'AktivGrotesk-Light' !important;
                                font-size: 13px;
                                margin-right: -10px;
                                display: inline-block;
			}
                        
                        


	/* ubicacion
	------------------------------------------------------------------------------------------------------  */
	#ubicacion{
		float: left;
		width: 100%;
	}
	#ubicacion .col_50 .datos{
		float: left;
		width: 92%;
		height: 480px;
		color: #fff;
		padding-top: 120px;
		padding-left: 8%;
		font-size: 23px;
		line-height: 34px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
        #ubicacion .col_50 .datos span {
            text-transform: uppercase;
        }
        #ubicacion .col_50 .datos a {
            text-decoration: none;
            color: #fff;
        }
        #ubicacion .col_50 .datos a:hover {
            color: #ddd;
        }




	/* see products
	------------------------------------------------------------------------------------------------------  */
	#see-products{
		float: left;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		color: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#see-products img.ico{
		margin: 0 auto;
		width: 52px;
	}
	#see-products .txt-center{
		margin: 0 auto;
		margin-top: 25px;
		margin-bottom: 30px;
		max-width: 450px;
		width: 90%;
		font-size: 20px;
		line-height: 25px;
		font-family: 'AktivGrotesk-Light';
	}
	#see-products .txt-center strong{
		font-family: 'AktivGrotesk-Regular';
	}
	#see-products a{
		display: inline-block;
		margin: 0 auto;
	}



	/* irrigation
	------------------------------------------------------------------------------------------------------  */
	#irrigation{
		float: left;
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
		color: #fff;
		padding-top: 280px;
		padding-bottom: 280px;
	}
	#irrigation .txt-enorme{
		color: #fff;
		font-size: 80px;
		font-family: 'AktivGrotesk-Bold';
	}
        
        
        /* slider
	------------------------------------------------------------------------------------------------------  */
	#slider {
                float: left;
                width: 100%;
                height: 628px;        
        }
        #slider img.main {
                width: 100%;        
        }
        #slider .slide-item {
                width: 100%;
        }
        #slider .slide-item h1 {
		color: #fff;
		font-size: 120px;
		font-family: 'AktivGrotesk-Bold';
                width: 2560px;
                text-align: center;
                padding-top: 400px;   
                text-transform: uppercase;
	}





	/* products
	------------------------------------------------------------------------------------------------------  */
	.products{
		height: 290px !important;
		background-image: url('../img/products/cap_prod_valves.jpg') !important;
	}
	.products .small{
		color: #fff;
		font-size: 20px;
		font-family: 'AktivGrotesk-Light';
	}


	/* accesories
	------------------------------------------------------------------------------------------------------  */
	.accessories{
		height: 290px !important;
		background-image: url('../img/products/cap_prod_accesories.jpg') !important;
	}
	.accessories .small{
		color: #fff;
		font-size: 20px;
		font-family: 'AktivGrotesk-Light';
	}
	.text-color-accesories {
		color: #a69770 !important;
	}
	.btn-accesories{
		background: rgba(208,197,170,1) !important;
		background: -moz-linear-gradient(left, rgba(208,197,170,1) 0%, rgba(166,151,112,1) 100%) !important;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(208,197,170,1)), color-stop(100%, rgba(166,151,112,1))) !important;
		background: -webkit-linear-gradient(left, rgba(208,197,170,1) 0%, rgba(166,151,112,1) 100%) !important;
		background: -o-linear-gradient(left, rgba(208,197,170,1) 0%, rgba(166,151,112,1) 100%) !important;
		background: -ms-linear-gradient(left, rgba(208,197,170,1) 0%, rgba(166,151,112,1) 100%) !important;
		background: linear-gradient(to right, rgba(208,197,170,1) 0%, rgba(166,151,112,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0c5aa', endColorstr='#a69770', GradientType=1 ) !important;
                text-transform: uppercase;
	}
	.btn-accesories:hover{
		background: rgba(166,151,112,1) !important
		background: -moz-linear-gradient(left, rgba(166,151,112,1) 0%, rgba(166,151,112,1) 100%) !important
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(166,151,112,1)), color-stop(100%, rgba(166,151,112,1))) !important
		background: -webkit-linear-gradient(left, rgba(166,151,112,1) 0%, rgba(166,151,112,1) 100%) !important
		background: -o-linear-gradient(left, rgba(166,151,112,1) 0%, rgba(166,151,112,1) 100%) !important
		background: -ms-linear-gradient(left, rgba(166,151,112,1) 0%, rgba(166,151,112,1) 100%) !important
		background: linear-gradient(to right, rgba(166,151,112,1) 0%, rgba(166,151,112,1) 100%) !important
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a69770', endColorstr='#a69770', GradientType=1 ) !important
	}

        
        /* other products
	------------------------------------------------------------------------------------------------------  */
	.other-products{
		height: 290px !important;
		background-image: url('../img/products/cap_prod_other_products.jpg') !important;
	}


	/* product
	------------------------------------------------------------------------------------------------------  */
	.product{
		height: 300px !important;
		background: rgba(56,180,229,1) !important;
		background: -moz-linear-gradient(left, rgba(56,180,229,1) 0%, rgba(27,110,151,1) 100%) !important;
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(56,180,229,1)), color-stop(100%, rgba(27,110,151,1))) !important;
		background: -webkit-linear-gradient(left, rgba(56,180,229,1) 0%, rgba(27,110,151,1) 100%) !important;
		background: -o-linear-gradient(left, rgba(56,180,229,1) 0%, rgba(27,110,151,1) 100%) !important;
		background: -ms-linear-gradient(left, rgba(56,180,229,1) 0%, rgba(27,110,151,1) 100%) !important;
		background: linear-gradient(to right, rgba(56,180,229,1) 0%, rgba(27,110,151,1) 100%) !important;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b4e5', endColorstr='#1b6e97', GradientType=1 ) !important;
	}
	.product .titulo{
		margin-top: 0px !important;
	}




	/* catalogo
	------------------------------------------------------------------------------------------------------  */
	#catalogo{
		float: left;
		width: 100%;
		margin-top: 70px;
	}
	#catalogo .detalle{
		font-size: 32px !important;
		line-height: 45px;
		font-family: 'AktivGrotesk-Medium' !important;
	}
	#catalogo ul{
		float: left;
		list-style: none;
		margin-left: -20px;
	}
	#catalogo ul li{
		float: left;
		width: 100%;
	}
	#catalogo ul li a{
		float: left;
		color: #666;
		text-decoration: none;
		font-size: 15px;
		border-left: 3px solid #ccc;
		padding: 10px 0px;
		padding-left: 20px;
		font-family: 'AktivGrotesk-Light';
	}
	#catalogo ul li a.active, #catalogo ul li a:hover{
		color: #1a95d4;
		border-left: 3px solid #1a95d4;
	}
        #catalogo ul li.categ:hover{
		color: #1a95d4;
		border-left: 3px solid #1a95d4;
	}
        
        #catalogo ul li.subcateg2 a.active, #catalogo ul li.subcateg2 a:hover{
		color: #A7976D;
		border-left: 3px solid #A7976D;
	}
        

	.caption{
		padding-left: 22px;
		border-left: 3px solid #ccc;
		font-family: 'AktivGrotesk-Bold';
		color: #000;
		font-size: 18px;
		padding-bottom: 10px;
                text-transform: uppercase;
	}
	.tipo{
		padding-left: 22px;
		border-left: 3px solid #ccc;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 20px;
		font-family: 'AktivGrotesk-Regular';
		color: #1a95d4 !important;
                text-transform: uppercase;
	}
        .tipo.categ {
            cursor: pointer;
        }
        .tipo.categ2 {
            cursor: pointer;
        }

	.accesories{
		color: #a69770 !important;
		font-family: 'AktivGrotesk-Regular' !important;
                text-transform: uppercase;
                font-size: 20px !important;
	}
	.accesories:hover, .accesories.active{
		color: #a69770 !important;
		border-left: 3px solid #a69770 !important;
	}
	.others{
		color: #0c3949 !important;
		font-family: 'AktivGrotesk-Regular' !important; 
                text-transform: uppercase;
                font-size: 20px !important;
	}
	.others:hover, .others.active{
		color: #0c3949 !important;
		border-left: 3px solid #0c3949 !important;
	}
        
        .sec_accesories .sm_accesories {
                color: #a69770 !important;
		border-left: 3px solid #a69770 !important;
        }
        .sec_other .sm_others{
		color: #0c3949 !important;
		border-left: 3px solid #0c3949 !important;
	}


	#catalogo .content-items{
		float: right;
		width: 95%;
	}

	#catalogo .content-items .subtit{
		float: left;
		margin-top: 10px;
		width: 100%;
		color: #1a95d4;
		font-size: 30px;
		font-family: 'AktivGrotesk-Light';
                text-transform: uppercase;
	}
	#catalogo .content-items h1{
		float: left;
		margin-top: 0px;
		width: 100%;
		color: #000;
		font-size: 40px;
		margin-bottom: 10px;
		font-family: 'AktivGrotesk-Bold';
                text-transform: uppercase;
                line-height: 40px;
	}
	.raya{
		float: left;
		margin-bottom: 25px;
		width: 45px;
		border-bottom: 4px solid #1a95d4;

	}
	.raya-accesories{
		float: left;
		margin-bottom: 25px;
		width: 45px;
		border-bottom: 4px solid #a69770;

	}



	
	#catalogo .content-items .items{
		float: left;
		width: 100%;
	}
	#catalogo .content-items .items .item{
		float: left;
		width: 31%;
		margin-right: 2.33%;
		margin-bottom: 25px;
	}
	#catalogo .content-items .items .item .imagen{
		float: left;
		width: 100%;
		height: 295px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 85%;
		background-color: #ddeff9;
		text-align: right;
	}
	#catalogo .content-items .items .item .imagen-accesories{
		background-color: #f2f0ea !important;
	}
        #catalogo .content-items .items .item .imagen-other{
		background-color: #f7f7f7 !important;
	}
	#catalogo .content-items .items .item .imagen img{
		position: relative;
		margin-top: 242px;
	}
	#catalogo .content-items .items .item .imagen img:hover{
		opacity: 0.6;
	}
	#catalogo .content-items .items .item .content{
		float: left;
		width: 83.5%;
		padding: 25px 8%;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#catalogo .content-items .items .item .content h2{
		float: left;
		width: 100%;
		margin-top: 0px;
		font-family: 'AktivGrotesk-Medium';
		font-size: 20px;
	}
	#catalogo .content-items .items .item .content p{
		color: #666;
		line-height: 20px;
		font-size: 15px;
		min-height: 170px;
	}
	#catalogo .content-items .items .item .content a{
		float: left;
		width: 100%;
		padding: 15px 0px;
		padding-bottom: 11px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		background: rgba(57,181,230,1);
		background: -moz-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,181,230,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b5e6', endColorstr='#1b6e97', GradientType=1 );
	}
	#catalogo .content-items .items .item .content a:hover{
		background: rgba(27,110,151,1);
		background: -moz-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,110,151,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6e97', endColorstr='#1b6e97', GradientType=1 );
	}
        #catalogo .content-items .items .item .content a.see {
                text-transform: uppercase;
        }
	

	#catalogo .content-items .items-others{
		float: left;
		width: 100%;
	}
	#catalogo .content-items .items-others .item{
		float: left;
		width: 48%;
		margin-right: 1.6%;
		margin-bottom: 25px;
		border: 1px solid #ccc;
	}
	#catalogo .content-items .items-others .item .imagen{
		float: left;
		width: 100%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#catalogo .content-items .items-others .item h2{
		float: left;
		background-color: #fff;
		width: 90%;
		height: 40px;
		padding: 10px 5%;
	}
	#catalogo .content-items .items-others-cols{
		float: left;
		width: 100%;
		margin-bottom: 70px;
	}
	#catalogo .content-items .items-others-cols .col{
		float: left;
		width: 50%;
		color: #666;
	}
	#catalogo .content-items .items-others-cols .col img{
		width: 96%;
	}
	#catalogo .content-items .items-others-cols .col .text{
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
		width: 100%;
		font-size: 20px;
		line-height: 30px;
		text-align: justify;
		color: #666;
		font-family: 'AktivGrotesk-Light';
	}
	#catalogo .content-items .items-others-cols .col .text span{
		color: #1a95d4;
		font-family: 'AktivGrotesk-Regular';
		font-size: 23px;
		letter-spacing: 1px;
	}
	#catalogo .content-items .items-others-cols .col ul{
		float: left;
		width: 100%;
		margin-top: 0px;
		list-style-image: url('../img/ul-li.png') !important;
	}
	#catalogo .content-items .items-others-cols .col ul li{
		float: left;
		width: 100%;
	}





	#catalogo .content-items .galeria{
		float: left;
		margin-top: 40px;
		width: 57%;
		margin-right: 3%;
	}
	#catalogo .content-items .galeria img{
		width: 100%;
	}
	#catalogo .content-items .galeria .thumbails{
		float: left;
		width: 100%;
		margin-top: -3px;
	}
        #catalogo .content-items .galeria .thumbails .thumb{
		float: left;
		width: 16.25%;
                height: 80px;
		margin: 0.2%;
                background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
                cursor: pointer;
                border: 1px solid #ddd;
	}
        #catalogo .content-items .galeria .thumbails .thumb:hover {
                opacity: 0.8;
        }
	/*#catalogo .content-items .galeria .thumbails img{
		float: left;
		width: 16.25%;
		margin: 0.2%;
	}*/
	#catalogo .content-items .datos{
		float: left;
		margin-top: 40px;
		width: 30%;
	}
	#catalogo .content-items .datos .ref{
		font-family: 'AktivGrotesk-Light';
		width: 100%;
		padding: 15px 0px;
		border: 1px solid #1a95d4;
		text-align: center;
		color: #1a95d4;
		font-size: 22px;
	}
	#catalogo .content-items .datos .ref strong{
		font-family: 'AktivGrotesk-Medium';
	}
	#catalogo .content-items .datos .tit{
		float: left;
		width: 100%;
		padding: 15px 0px;
		padding-top: 20px;
		font-family: 'AktivGrotesk-Bold';
		font-size: 20px;
                text-transform: uppercase;
	}
	#catalogo .content-items .datos .texto1{
		float: left;
		width: 100%;
		line-height: 20px;
	}
        #catalogo .content-items .datos .texto1 p{
		margin-top: -5px;
	}
	#catalogo .content-items .datos .texto2{
		float: left;
		margin-top: 10px;
		width: 100%;
		color: #888;
		line-height: 22px;
	}
        #catalogo .content-items .datos .texto2 p{
		margin-top: -5px;
	}


	#catalogo .content-items .tabs{
		float: left;
		width: 100%;
		margin-top: 70px;
		border-bottom: 1px solid #1a95d4;
	}
	#catalogo .content-items .tabs a{
		float: left;
		width: 30%;
		font-family: 'AktivGrotesk-Light';
		text-align: center;
		text-decoration: none;
		color: #1a95d4;
		padding: 25px 0px;
		padding-bottom: 20px;
		font-size: 22px;
	}
	#catalogo .content-items .tabs .tab{
		float: left;
		width: 29%;
		border-left: 1px solid #fff;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	.tab-active {
		border-left: 1px solid #1a95d4 !important;
		border-top: 1px solid #1a95d4 !important;
		border-right: 1px solid #1a95d4 !important;
		border-bottom: 2px solid #fff !important;
		margin-bottom: -1px;
	}
	.tab-inactive {
		border-left: 0px !important;
		border-top: 1px solid #ccc !important;
		border-right: 1px solid #ccc !important;
	}

	#catalogo .content-items .tab-content{
		float: left;
		width: 100%;
		margin-top: 50px;
	}
	#catalogo .content-items .tab-content .tab-item{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	#catalogo .content-items .tab-content .tab-item .ico{
		float: left;
		width: 15%;
	}
	#catalogo .content-items .tab-content .tab-item .ico img{
	}
	#catalogo .content-items .tab-content .tab-item .txt{
		float: left;
		width: 30%;
	}
	#catalogo .content-items .tab-content .tab-item .txt .nom{
		float: left;
		width: 100%;
		font-family: 'AktivGrotesk-Bold';
		font-size: 22px;
		margin-top: 10px;
                text-transform: uppercase;
	}
	#catalogo .content-items .tab-content .tab-item .txt .atr{
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	#catalogo .content-items .tab-content .tab-item .boton{
		float: left;
		width: 38%;
		padding-left: 5%;
		border-left: 1px solid #ccc;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#catalogo .content-items .tab-content .tab-item .boton a{
		float: left;
		padding: 15px 0px;
		padding-bottom: 12px;
		text-align: center;
		width: 240px;
		color: #fff;
		text-decoration: none;
		background: rgba(57,181,230,1);
		background: -moz-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,181,230,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b5e6', endColorstr='#1b6e97', GradientType=1 );
                text-transform: uppercase;
	}




	#catalogo .content-items .tab-content .tab-item .boton a:hover{
		background: rgba(27,110,151,1);
		background: -moz-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,110,151,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6e97', endColorstr='#1b6e97', GradientType=1 );
	}


        /* Noticias
	------------------------------------------------------------------------------------------------------  */
	.news{
		height: 290px !important;
		background-image: url('../img/news/cap_news.jpg') !important;
	}
        .news.detail{
		height: 350px !important;		
	}
        .news.detail .titulo{
		margin-top: 50px !important;	
	}
        .news.detail .titulo h1 span{
		font-size: 50px !important;
                line-height: 75px !important;
	}
        .news.detail .titulo .fecha{
		color: #fff;
                text-transform: uppercase;
	}
        
        
        
        #news {
            float: left;
            width: 100%;
            margin-top: 50px;
        }
        #news .noticia {
            float: left;
            width: 100%;
            border: 1px solid #1a95d4;
            margin-bottom: 40px;
        }
        #news .noticia .img {
            float: left;
            width: 45%;      
            min-height: 400px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;   
            position: relative;
        }
        #news .noticia .cont {
            float: left;
            width: 49%;      
            position: relative;   
            padding: 5% 3% 0 3%;           
        }
        #news .noticia .cont .tit {
            font-size: 25px;
            color: #000;
            font-family: 'AktivGrotesk-Bold';
            padding-bottom: 30px;
        }
        #news .noticia .cont .desc {
            font-size: 15px;
            color: #555;       
            font-family: 'AktivGrotesk-Light';
            line-height: 22px;
            padding-bottom: 40px;
        }
        #news .noticia .cont .fec {
            border-top: 1px solid #1a95d4;
            text-align: right;
            font-size: 16px;
            padding-top: 20px;
            padding-bottom: 20px;
            text-transform: uppercase;
        }
        
        #news .noticia .cont a{
		float: left;
		width: 100%;
                max-width: 250px;               
		padding: 15px 0px;
		padding-bottom: 11px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		text-decoration: none;
		background: rgba(57,181,230,1);
		background: -moz-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,181,230,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b5e6', endColorstr='#1b6e97', GradientType=1 );
                margin-bottom: 20px;
	}
	#news .noticia .cont a:hover{
		background: rgba(27,110,151,1);
		background: -moz-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,110,151,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6e97', endColorstr='#1b6e97', GradientType=1 );
	}
        #news .noticia .cont a.see {
                text-transform: uppercase;
        }
        
        #news .noticia a.icon {
            position: absolute;   
            right: 0;
            margin-top: 347px;
        }
        
        #news .paginacion {
            float: left;
            width: 100%;
            text-align: center;
            padding: 0;
        }
        #news .paginacion a {
            display: inline-block;
            text-decoration: none;
            font-size: 24px;
            padding: 15px 20px;
            border: 1px solid #ccc;
            color: #ccc;
            font-family: 'AktivGrotesk-Light';
            margin: 0;
            margin-left: -3px;
        }
        #news .paginacion.detail {
            margin-top: 40px;
        }
        #news .paginacion.detail a {
            font-size: 20px;
            padding: 15px 20px;
            margin-left: 25px;
            margin-right: 25px;
            min-width: 175px;
            text-transform: uppercase;
        }
        #news .paginacion.detail a:hover {
            opacity: 0.5;
        }
        
        #news .paginacion a.active,#news .paginacion a:hover {            
            border: 1px solid #000;
            color: #000;           
        }
        
	#news .news_content {
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
        }
        #news .news_content p {
            padding-top: 8px;
            padding-bottom: 8px;
            font-size: 15px;
            line-height: 22px;
            color: #777;
        }
        #news .news_content.main_txt p {
            font-size: 18px;
            line-height: 26px;
            color: #000;
        }
        #news .news_content.image {
            width: 100%;   
            margin-bottom: 30px;
        }
        #news .news_content.image img {
            width: 100%;            
        }
        
        #news .news_banner {
            width: 100%;
            min-height: 450px;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            margin-top: 40px;
            margin-bottom: 40px;
        }
        #news .news_banner .txt_banner {
            width: 100%;
            max-width: 700px;
            margin: 0 auto;
            color: #fff;
            font-size: 45px;
            text-align: center;
            padding-top: 210px;
        }
        
        #news .ficheros {
		width: 100%;
		max-width: 800px;
                margin: 0 auto;
                margin-top: 50px;
	}
        #news .ficheros .fichero{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}
	#news .ficheros .fichero .ico{
		float: left;
		width: 12%;
	}
	#news .ficheros .fichero .ico img{
	}
	#news .ficheros .fichero .txt{
		float: left;
		width: 50%;
	}
	#news .ficheros .fichero .txt .nom{
		float: left;
		width: 100%;
		font-family: 'AktivGrotesk-Bold';
		font-size: 20px;
		margin-top: 10px;
                text-transform: uppercase;
                margin-top: 15px;
	}
        #news .ficheros .fichero .boton{
		float: left;
		width: 28%;
		padding-left: 5%;
		border-left: 1px solid #ccc;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#news .ficheros .fichero .boton a{
		float: left;
		padding: 15px 0px;
		padding-bottom: 12px;
		text-align: center;
		width: 240px;
		color: #fff;
		text-decoration: none;
		background: rgba(57,181,230,1);
		background: -moz-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(57,181,230,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(57,181,230,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39b5e6', endColorstr='#1b6e97', GradientType=1 );
                text-transform: uppercase;
	}

	#news .ficheros .fichero .boton a:hover{
		background: rgba(27,110,151,1);
		background: -moz-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(27,110,151,1)), color-stop(100%, rgba(27,110,151,1)));
		background: -webkit-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -o-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: -ms-linear-gradient(left, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		background: linear-gradient(to right, rgba(27,110,151,1) 0%, rgba(27,110,151,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6e97', endColorstr='#1b6e97', GradientType=1 );
	}
        

	/* frmContacto
	------------------------------------------------------------------------------------------------------  */
	#frm_contacto{
		margin: 0 auto;
		margin-top: 100px;
		max-width: 600px;
	}
	#frm_contacto input, textarea{
		float: left;
		width: 90%;
		padding: 25px 5%;
		background-color: #fff;
		font-size: 15px;
		color: #666;
		font-family: 'AktivGrotesk-Light';
		margin-top: 15px;
		border: 0px;
	}
	#frm_contacto textarea{
		height: 200px;
	}
	#frm_contacto #btn_send_contact{
		float: right;
		border: 2px solid #888;
		padding: 15px 70px;
		padding-top: 18px;
		margin-top: 30px;
		font-size: 20px;
		color: #888;
		letter-spacing: 2px;
		font-family: 'AktivGrotesk-Bold';
		cursor: pointer;
	}
	#frm_contacto #btn_send_contact:hover{
		border: 2px solid #1a95d4;
		color: #1a95d4;
	}
	#frm_contacto .checks{
		width: 100%;
		float: right;
		text-align: right;
	}
	#frm_contacto .checks label{
		float: right;
		width: auto;	
		padding-top: 15px;
		font-size: 13px;
		color: #999;
	}
        #frm_contacto .checks label a{
		font-size: 13px;
		color: #999;
                text-decoration: none;
	}
        #frm_contacto .checks label a:hover{
		text-decoration: underline;
	}
	#frm_contacto .checks #acepto{
		float: right;
		width: auto;	
		background-color: #000;
	}
         #frm_contacto input::-webkit-input-placeholder { 
            text-transform: uppercase;
          }
          #frm_contacto input::-moz-placeholder { 
            text-transform: uppercase;
          }
          #frm_contacto input:-ms-input-placeholder { 
            text-transform: uppercase;
          }
          #frm_contacto input:-moz-placeholder { 
            text-transform: uppercase;
          }
	.back-light-blue{
		float: left;
		width: 100%;
		background-color: #f0f3f4;
		padding-bottom: 90px;
		margin-top: -3px;
	}
        #confirm_send {
            width: 100%;
            color: #c00;
            float: right;
            text-align: right;
            padding-top: 30px;
            font-size: 16px;
        }
        #frm_contacto .prod{
		color: #000;
		font-size: 20px;
		margin-bottom: 10px;
		font-family: 'AktivGrotesk-Bold';
                text-transform: uppercase;
	}



	


	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	#footer #izq{
		float: left;
	}
	#footer #izq .f_top{
		float: left;
		width: 100%;
		border-bottom: 1px solid #1a95d4;
		padding: 30px 0px;
	}
	#footer #izq .capa_left{
		float: left;
		width: 75%;
	}
	#footer #izq .capa_right{
		float: right;
		text-align: left;
		width: 25%;
	}

	#footer #izq .capa_left .datos, #footer #izq .capa_right .datos{
		float: left;
	}
	#footer #der .capa_left .datos, #footer #der .capa_right .datos{
		float: left;
		margin-left: 10%;
		margin-top: 20px;
	}
	#footer .datos .tit{
		color: #1a95d4;
		font-family: 'AktivGrotesk-Medium';
		font-size: 13px;
		letter-spacing: 2px;
                text-transform: uppercase;
	}
	#footer .datos .txt{
		font-size: 13px;
		margin-top: 15px;
		line-height: 20px;
	}
	#footer .datos .txt a{
		color: #000;
		text-decoration: none;
	}
	#footer .datos .txt a:hover{
		text-decoration: underline;
	}
	#footer #izq .f_bottom{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}

	#footer #der{
		float: right;
	}
	#footer #der .f_top{
		float: right;
		width: 90%;
		border-bottom: 1px solid #1a95d4;
		padding: 26px 0px;
	}









	/* responsive
	------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------  */
        
        @media only screen and (max-width: 1350px) {
            
            #header #menu input:hover, #header #menu input:focus{
		width: 7%;		
            }
        }
        
        

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

		#header .bullet{
			display: inline-block;
		}

		#header #menu{
			display: none;
			width: 100%;
		}
		
		#header{
			height: 700px;
		}
                
                .nav ul {
                    display: none;                    
		}
                .nav:hover > ul, .nav li:hover > ul {
                    display: none;  
		}


		h1{
			font-size: 15px;
			letter-spacing: 2px;
			line-height: 30px;
		}
		h1 span{
			font-size: 50px;
			line-height: 75px;
		}

		#banners .txt-small{
			font-size: 20px;
			line-height: 25px;
		}
		#banners .txt-big{
			font-size: 50px;
		}

		#banners a{
			margin-top: 0px;
		}
		#footer {
			margin-bottom: 20px;
		}

		#footer #izq .capa_left{
			width: 65%;
		}
		#footer #izq .capa_right{
			width: 35%;
		}

		#catalogo .content-items .items .item{
			width: 48%;
			margin-right: 2%;
		}

		#catalogo .content-items{
			float: left;
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;
		}
		#catalogo .content-items h1{
			font-size: 40px;
		}

		#catalogo .content-items .subtit{
			font-size: 25px;
			margin-top: 80px;
		}

		#catalogo .content-items .galeria{
			float: left;
			margin-top: 40px;
			width: 100%;
			margin-right: 0px;
		}
		#catalogo .content-items .datos{
			float: left;
			margin-top: 40px;
			width: 100%;
		}



	}




	@media only screen and (max-width: 950px) {
		
		#catalogo .col_25{
			width: 100%;
		}
		#catalogo .col_75{
			width: 100%;
		}

		#catalogo .content-items .tab-content .tab-item .ico{
			width: 30%;
		}
		#catalogo .content-items .tab-content .tab-item .txt{
			width: 70%;
		}
		#catalogo .content-items .tab-content .tab-item .txt .nom{
			font-size: 16px;
		}
		#catalogo .content-items .tab-content .tab-item .boton{
			float: left;
			width: 100%;
			padding-left: 0px;
			border-left: 0px;
			padding-top: 15px;
			padding-bottom: 25px;
		}
		#catalogo .content-items .tabs .tab{
			font-size: 16px;
		}
                
                #header.news h1 span{
			font-size: 50px;
			line-height: 45px;
		}
                
                #news .ficheros .fichero .ico{
			width: 30%;
		}
		#news .ficheros .fichero .txt{
			width: 70%;
		}
		#news .ficheros .fichero .txt .nom{
			font-size: 16px;
		}
		#news .ficheros .fichero .boton{
			float: left;
			width: 100%;
			padding-left: 0px;
			border-left: 0px;
			padding-top: 15px;
			padding-bottom: 25px;
		}
                .news.detail .titulo h1 span {
                    font-size: 30px !important;
                    line-height: 30px !important;
                }

	}



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

		#banners .col_50{
			width: 100%;
		}
		#banners .banner-big{
			height: 280px;
		}
		#banners .banner-small{
			height: 280px;
		}


		#banners .txt-small{
			font-size: 14px;
			line-height: 19px;
		}
		#banners .txt-big{
			font-size: 40px;
		}

		#banners a{
			margin-top: 0px;
		}
                
                #ubicacion .col_50 {
                    width: 100%;
                }

                #news .noticia .img {
                    width: 100%;                          
                }
                #news .noticia .cont {
                    width: 94%;      
                    padding: 5% 3% 0 3%;           
                }
                
                

	}


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

		#header{
			height: 700px;
		}


		h1{
			font-size: 18px;
			line-height: 45px;
		}
		h1 span{
			font-size: 50px;
			line-height: 45px;
		}
                .home h1{
			font-size: 18px;
			line-height: 45px;
		}
		.home h1 span{
			font-size: 50px;
			line-height: 45px;
		}

		.btn .txt{
			padding: 11px 20px;
			padding-top: 13px;
			padding-bottom: 11px;
			font-size: 14px;
		}
		.btn img{
			padding: 10px 14px;
		}



	}




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

		#footer #izq .capa_left{
			width: 55%;
		}
		#footer #izq .capa_right{
			width: 45%;
		}

		#catalogo .content-items .items-others .item{
			width: 100%;
			margin-right: 0px;
		}
		#catalogo .content-items .items-others-cols .col{
			width: 100%;
		}
		#catalogo .content-items .items-others-cols .col img{
			width: 100%;
			margin-bottom: 30px;
			margin-top: 20px;
		}


	}


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

		#footer #izq {
			width: 100%;
		}
		#footer #der{
			float: left;
			width: 100%;
		}
		#footer #der .capa_left .datos, #footer #der .capa_right .datos{
			margin-left: 0%;
			margin-top: 20px;
		}
		#footer #der .f_top{
			float: left;
			width: 100%;
		}
		#footer #der .f_bottom .capa_left .datos{
			width: 50%;
		}

	}

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

		#catalogo .content-items .items .item{
			width: 100%;
			margin-right: 0px;
		}
                
                #news .paginacion a {                    
                    font-size: 18px;
                    padding: 10px 15px;                    
                }
                
                .corporate{
                        height: 1050px !important;                        
                }


	}


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

		#banners .col_50{
			width: 100%;
		}
		#banners .banner-big{
			height: 200px;
		}
		#banners .banner-small{
			height: 200px;
		}
		#footer .logo-footer{
			width: 100px;
		}

		#catalogo .content-items .items .item{
			width: 100%;
			margin-right: 0px;
		}

		#irrigation .txt-enorme {
			font-size: 45px;
		}

	}








