/*
body {
    background:#002b45;
    
}
*/
#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    z-index: 1000;
}
#loader {
    width: 100px;
    height: 100px;
    position: absolute;
    left:50%; top:50%;
    background: url(../imgs/Preloader_4.gif) no-repeat center 0;
    margin:-50px 0 0 -50px;
}


*{
   border: 0;
   margin: 0;
   padding: 0;
 }
img, video {
	max-width: 100%;
}
header {
	background:#086192;
	margin: 0 auto;
	width: 100%;
	text-align:center;
	
}
section#back-header {
	margin: 0 auto;
	max-width: 1150px;
	text-align:center;
	display:block;
}
section#logo{
	margin: 0 auto;
	text-align:left;
	display:inline-block;
	padding:10px 0;
	vertical-align:top;
	width: 45%;
}

section#logo_2{
	margin: 0 auto;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	padding:10px 0;
	width:45%;
}

section#back_logo{
	background:#063C5C;
	margin: 0 auto;
	width: 100%;
	text-align:center;
	border-bottom: 5px solid #FECC00;
}

section#back{
	margin: 0 auto;
	width: 100%;
	text-align:center;
}
		section#fondo{
		margin: 0 auto;
		max-width: 1150px;
		text-align:center;
		display:block;
		}
		
				section#col2{
				
			    display:inline-block;
				padding:1em;
				margin: 1em;
				width: 43%;
				vertical-align:top;
				}
				
				
        section#titulos{
		display:block;
		padding:0.5em;
		width: 95%;
		}
		
		
section#PRO3-NOVE {
	
	border: 0.1em solid #fff;
	display:inline-block;
	width: 90%;
	text-align:center;
	padding: 1px;
	margin: 1px;
	vertical-align:top;
	border: 0.1em solid rgba(255,255,255,0.0);
	border-radius:2px;
}	
                
				section#PRO3-NOVE:hover{
				cursor:pointer;
				border: 0.1px solid #73b3d6;
				background:-webkit-box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				-moz-box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				
				-moz-transition: all 0.4s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
				}
				


                section#PRO3CO-IMG{
				/*background:#FFF;*/
				border-radius:10px;
				display:block;
				width: 99%;
				text-align:center;
				margin: 6px auto;
				padding:6px auto;
				}	
				
                section#back_grade{
				   background: #ffffff; /* Old browsers */
					background: -moz-linear-gradient(left, #ffffff 0%, #b7cbd8 50%, #ffffff 100%); /* FF3.6-15 */
					background: -webkit-linear-gradient(left, #ffffff 0%,#b7cbd8 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #ffffff 0%,#b7cbd8 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
					padding: 5px;
					max-width: 1150px;
					margin: 0 auto;
					width: 100%;
					text-align:center;
				}
				
				
	section#fondo_G{
	background:#CCC;
	margin: 0 auto;
	max-width: 1150px;
	text-align:center;
	display:block;
	}			
	
	
	           section#col3{
				display:inline-block;
				margin: 0 1em;
				padding: 0 1em;
				width: 27%;
				vertical-align:top;
				}	
				
		section#fondo_frase{
		margin: 0 auto;
		max-width: 1150px;
		padding:30px;
		text-align:center;
		display:block;
		}
				
				
				
footer {
	background:#086192;
	margin: 0 auto;
	width: 100%;
	text-align:center;
}				

section#footer_back {
	margin: 0 auto;
	max-width: 1150px;
	text-align:center;
	display:block;
	overflow: hidden; /* para float */
}

				section#col2_footer_A{
				display:inline-block;
				float:left;
				padding:1em;
				margin: 1em;
				width: 25%;
				}
				section#col2_footer_B{
				display:inline-block;
				float:right;
				padding:1em;
				margin: 1em;
				width: 35%;
				}
				
				
    section#back_1a{
	margin: 0 auto;
	width: 90%;
	text-align:center;
	padding:1px 0;
	vertical-align:top;
    }	
	
	section#back_1a_logo{
	background:#0FC;
	margin: 0 auto;
	height: 170px;
	text-align:center;
	padding:1px 0;
	
    }	
	
section#footer_creas {
	background:#063C5C;
	margin: 0 auto;
	width: 100%;
	text-align:center;
}	


			section#redes_col1{
			display:inline-block;
			margin: 0 auto;
			width: 89%;
			text-align:center;
			padding:1px 0;
			vertical-align:top;
			}	
			
			section#redes_col2{
			display:inline-block;
			margin: 0 auto;
			width: 8%;
			text-align:center;
			padding:1px 0;
			vertical-align:top;
			}	
			
/* products   */

				section#back_carru{
					background:#f4f3ed;
					/*background:#F1F0E8;*/
					border-radius:5px;
					margin: 0 auto;
					max-width: 1100px;
					text-align:center;
				}	

		        section#col4{
				border: 0.1px solid #fff;
				border-radius:5px;
				display:inline-block;
				padding:0.5em;
				margin: 0.5em;
				width: 20%;
				vertical-align:top;
				}
				
				 section#col4:hover{
				border: 0.1px solid #73b3d6;
				background:-webkit-box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				-moz-box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				box-shadow: 0px 0px 22px 3px rgba(8,97,146,0.3);
				
				-moz-transition: all 0.4s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
				}
				
				section#back_P{
				display:block;
				margin: 0 auto;
				width: 98%;
				text-align:center;
				}
						
				section#ref_ico{
				border: 0.1px solid #F1F0E8;
				border-radius:5px;
				display:inline-block;
				padding:0.2em 0;
				margin: 0.3em 0;
				width: 9%;
				vertical-align:top;
				opacity: 0.5;
                filter: alpha(opacity=50); /* For IE8 and earlier */
				}		
				
				section#ref_ico:hover{
				background:#e0dfd7;
				cursor:pointer;
				border: 0.1px solid #fff;
				-moz-transition: all 0.4s ease-in;
				-webkit-transition: all 0.4s ease-in;
				-o-transition: all 0.4s ease-in;
				transition: all 0.4s ease-in;
				opacity: 1;
                filter: alpha(opacity=100); /* For IE8 and earlier */
				}	
				
				
				section#fondo_pro{
				margin: 0 auto;
				max-width: 1100px;
				text-align:center;
				padding:1em;
				display:block;
				overflow: hidden;
				}
				
						section#TIT_pro_A{
						background: -moz-linear-gradient(left, rgba(8,97,146,1) 0%, rgba(8,97,146,1) 54%, rgba(8,97,146,0) 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(left, rgba(8,97,146,1) 0%,rgba(8,97,146,1) 54%,rgba(8,97,146,0) 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right, rgba(8,97,146,1) 0%,rgba(8,97,146,1) 54%,rgba(8,97,146,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086192', endColorstr='#00086192',GradientType=1 ); /* IE6-9 */
						border-radius:5px;	
						display:inline-block;
						text-align:left;
						float:left;
						padding:0.1em;
						margin: 0.1em;
						width: 80%;
						vertical-align:top;
						}
						section#TIT_pro_B{
						border: 0.1px solid #fff;
						border-radius:5px;
						display:inline-block;
						text-align:right;
						float:right;
						padding:0.1em;
						margin: 0.1em;
						vertical-align:top;
						width: 10%;
						}
						
						section#TIT_pro_B:hover{
						cursor:pointer;
							border: 0.1px solid #e0d582;
							-moz-transition: all 0.4s ease-in;
							-webkit-transition: all 0.4s ease-in;
							-o-transition: all 0.4s ease-in;
							transition: all 0.4s ease-in;
						}
						
						
section#fondo_PP{

margin: 0 auto;
max-width: 1100px;
text-align:center;
padding:1em;
display:block;
}

		section#fondo_bene{
			/*background:#CCC;*/
			display:inline-block;
			margin: 0.5em;
			width: 14%;
			text-align:center;
			padding:0.2em;
			vertical-align:middle;
		}
		section#fondo_bene_info{
			display:block;
			margin: 0.1em;
			width: 98%;
			text-align:center;
			padding:0.2em;
		}
		
		
						
						
section#Pro_col2_A{
background:#fff;
display:inline-block;
margin: 0 auto;
width: 60%;
text-align:center;
padding:5px;
vertical-align:top;
}	

section#Pro_col2_B{
background:#f4f3ed;
/*background:#F1F0E8;*/
box-shadow: 6px 6px 7px #d6d6d6;
border-radius:5px;
display:inline-block;
margin: 0 auto;
width: 35%;
text-align:center;
padding:5px;
vertical-align:top;
}	

section#back_deta{
	margin: 0 auto;
	width: 95%;
	text-align:center;
}

		section#detalles{
			background:#FFF;
			border: 0.1px solid #FFF;
			/*box-shadow: 6px 6px 7px #d6d6d6;*/
			border-radius:5px;
			display:inline-block;
			margin: 5px;
			width: 25%;
			text-align:center;
			padding:5px;
			vertical-align:top;
		}
		
		        section#detalles:hover{
				border: 0.1px solid #e8e7e5;
				background:-webkit-box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.9);
				-moz-box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.9);
				box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.9);
				
				-moz-transition: all 0.4s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
				}


		section#fondo_R{
		background:#DFE9EA;
		border-radius:8px;
		margin: 0.5em auto;
		max-width: 1150px;
		text-align:center;
		padding:  0.4em 0;
		display:block;
		}

                section#col_REF{
				background:#fff;
				border: 0.1px solid #fff;
				border-radius:8px;
				display:inline-block;
				margin: 0.3em 0.17em;
				padding: 0 0.1em;
				text-align:center;
				/*width: 7.5%;*/    /* O OJO  */ 
				width: 20%;
				vertical-align:top;
				}	
				
				section#col_REF:hover{
				border: 0.1px solid #e8e7e5;
				background:-webkit-box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.5);
				-moz-box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.5);
				box-shadow: 0px 0px 22px 3px rgba(196,193,174,0.5);
				
				-moz-transition: all 0.4s ease-in;
				-webkit-transition: all 0.2s ease-in;
				-o-transition: all 0.2s ease-in;
				transition: all 0.2s ease-in;
				}
								
			
@media (max-width: 770px) { 


section#back{
	margin: 0 auto;
	width: 98%;
	text-align:center;
}
section#fondo{
	width: 95%;
}
section#back-header {
	margin: 0 auto;
	max-width: 1150px;
	text-align:center;
	display:block;
}
section#logo{
	display:block;
	text-align:center;
	width: 98%;
}

section#logo_2{
	display:block;
	text-align:center;
	width: 98%;
}
section#col2{
display:block;
padding:5px;
margin: 5px;
width: 90%;
}
section#PRO3-NOVE {
	display:block;
	width: 95%;
	text-align:center;
	margin: 0 auto;
}	
section#col3{
display:block;
margin: 5px;
padding:  5px;
width: 95%;
vertical-align:top;
}	
section#footer_back {
	margin: 0 auto;
	max-width: 90%px;
	text-align:center;
	display:block;
	overflow: hidden; /* para float */
}

				section#col2_footer_A{
				display:block;
				float:none;
				padding:1px;
				margin: 1px;
				width: 98%;
				text-align:center !important;
				}
				section#col2_footer_B{
				display:block;
				float:none;
				padding:1px;
				margin: 1px;
				width: 98%;
				text-align:center !important;
				}

            section#redes_col1{
			display:block;
			margin: 0 auto;
			width: 90%;
			text-align:center !important;
			padding:1px 0;
			}	
			
			section#redes_col2{
			display:block;
			margin: 0 auto;
			width: 90%;
			text-align:center !important;
			padding:1px 0;
			}	
			 section#back_1a{
			text-align:center !important;
			}
			
			   section#col4{
				display:block;
				padding:0.1em auto;
				margin: 0.5em auto;
				width: 90%;
				vertical-align:top;
				}
				
				section#back_carru{
					width: 90%;
				}	
				section#ref_ico{
				display:inline-block;
				width: 40%;
				}	
				
				section#Pro_col2_A{
				display:block;
				width: 90%;
				text-align:center;
				}	
				
				section#Pro_col2_B{
				display:block;
				width: 90%;
				text-align:center;
				}
				section#col_REF{
				display:block;
				margin: 0.3em auto;
				padding: 0 auto;
				width: 90%;
				}
				section#fondo_R{
				background:#DFE9EA;
				border-radius:8px;
				margin: 0.5em auto;
				width: 80%;
				text-align:center;
				}	

                        section#TIT_pro_A{
						display:block;
						text-align:left;
						float:none;
						padding:0.1em;
						margin: 0.1em;
						width: 80%;
						vertical-align:top;
						}
						section#TIT_pro_B{
						display:block;
						text-align:right;
						float:none;
						padding:0.1em;
						margin: 0.1em;
						width: 80%;
						vertical-align:top;
						}

}