/**************GENERAL*******************/



header {
	width:100%;
	height:300px;
	margin:auto;
	margin-top:0;
	}
	
body{
	font-family:;
	height:100%;
	}


footer {
	margin:auto;
	height: auto;
	width:100%;
	float:left;
}


nav{
	float:left;
	width:100%;
	height:50px;
	color:#CCC;
	background-color:#333;
	}

nav ul li{
	color:#CCC;
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	margin-right:10px;
	}
	
	
nav ul li a{
	text-decoration:none;
	color:#FFF;
	padding:5px;
	}

nav ul li a:hover{
	color:#CCC;
	}
	
#menu1{
	width:400px;
	height:auto;
	margin-left:180px;
	float:left;
}

#menu2{
	width:200px;
	height:auto;
	margin-right:180px;
	float:right;
}



/**************GENERAL*******************/


/*************ID***************/


#bannerko{
	width:100%;
	height:300px;
	
}

.slider{ width:100%; height:310px; margin:0 auto; overflow:hidden; /*background:#069;position:absolute; left:50%; margin-left:-50%;*/ 
position:absolute;
	top:0;
	left:50%;
	margin-left:-50%;
	z-index:-100;

}

.slider img{background-size:100%; width:100%; height:auto; margin:auto; text-align:center;}

#logo{
	border:;
	width:437px;
	height:296px;
	margin:0 auto;
	background-image:url(logotipo/cbflogo.png);
}

#redes{
	width:35px;
	height:auto;
	float:left;
	margin-left:15.5%;
	margin-top:100px;
	}
	
#redes_der{
	width:35px;
	height:auto;
	float:right;
	margin-right:16%;
	margin-top:-190px;
	}


#contenedor{
	margin:auto;
	width:960px;
	height:500px;
	background-color:#000;
	padding:auto;
	}
	
.bg_contenedor{
	width:100%;
	height:630px;
	margin:0 auto;
	background-color:#000;
	}

#bienvenido{
	width:950px;
	height:120px;
	float:left;
	font-size:14px;
	background-color:;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#bienvenido2{
	width:950px;
	height:120px;
	float:left;
	font-size:12px;
	background-color:;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#bienvenido3{
	width:950px;
	height:120px;
	float:left;
	text-align:center;
	font-size:12px;
	background-color:;
	margin-top:66px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#bienvenido p{
	margin-top:-22px;
}

#bienvenido2 p{
	margin-top:-22px;
}

#servicios{
	width:470px;
	height:120px;
	float:right;
	font-size:12px;
	background-color:;
	color:#CCC;
    font-family:Verdana, Geneva, sans-serif;

}

#servicios p{
	margin-top:-22px;
}

#linea{
	width:100%;
	height:25px;
	border-bottom:solid 1px #F00;
	padding-top:15px;
}

#banner1{
	width:470px;
	height:270px;
	float:left;
	font-size:14px;
	background-color:#FFF;
	margin-top:28px;	
}

#banner10{
	width:470px;
	height:270px;
	float:left;
	font-size:14px;
	background-color:;
	margin-top:28px;	
}

#banner100{
	width:960px;
	height:270px;
	float:left;
	font-size:14px;
	text-align:center;
	background-color:;
	margin-top:28px;	
}

#banner2{
	width:470px;
	height:270px;
	float:right;
	font-size:14px;
	background-color:;
	margin-top:27px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#banner22{
	width:470px;
	height:270px;
	float:right;
	font-size:12px;
	background-color:;
	margin-top:27px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#banner220{
	width:470px;
	height:270px;
	float:right;
	font-size:12px;
	background-color:#666;
	margin-top:28px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#banner23{
	width:950px;
	height:270px;
	float:right;
	font-size:11px;
	background-color:;
	margin-top:27px;
	color:#CCC;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}

#banner24{
	width:950px;
	height:270px;
	float:right;
	font-size:11px;
	background-color:;
	margin-top:27px;
	color:#CCC;
	font-family:Verdana, Geneva, sans-serif;
}

#banner2 p{
	margin-top:-6px;
}

#banner22 p{
	margin-top:-3px;
}

.footerfinal{
	width:100%;
	height:90px;
	margin-bottom:100%;
	background-color:#333;
	}

.footerfinale{
	width:100%;
	height:90px;
	margin-bottom:100%;
	background-color:#333;
	}

#clear{
	clear:both;
	}
	
h3{
	color:#F00;
	font-size:26px;
	margin-top:3px;
}

h4{
	font-size:18px;
	margin-top:-5px;
	text-decoration:underline;
	color:#F00;
}

h2{
	font-size:18px;
	margin-top:-5px;
	text-decoration:underline;
	color:#F00;
}

#banner2 span{
	font-style:italic;
}




/***************FIRMA****************/

.copyright{
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	float:left;
	margin-left:230px;
	color:#FFF;
	font-size:12px;
}

.sysop{
	width:auto;
	display:inline-block;
	vertical-align:top;
	margin-top:40px;
	float:right;
	margin-right:230px;
	color:#FFF;
	font-size:12px;
	}

.firma {
	width:auto;
	margin:auto;
	padding: 0;
	
	display:inline-block;
	vertical-align:top;
}
.firma img {
	opacity:0.4;
	filter: alpha(opacity=40);
	/* For IE8 and earlier */
}
.firma img:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
	/* For IE8 and earlier */
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}


/*****************FIRMA*******************/


/*******class******************class*******************class***********/	



/********CONTACTO********/
#econt{ width: 615px; height:auto; margin: 0 auto; margin-top:20px; margin-bottom:35px;float:left;}

/************Form styles start**************/
input,textarea,select {
	font-family: Arial,sans-serif;
}
input[type="text"],select {
	width:215px;
	height:18px;
	padding:5px 8px;
	font-size:1.0em;
	color:#000;
	background-color:#c2c2c2;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}
input[type="text"]:hover,select:hover{
	background-color:#f1f1f1;
	opacity:0.7;
	/*transform -webkit-transform:rotate(-1deg);
	-moz-transform:rotate(-1deg);
	-ms-transform:rotate(-1deg);
	-o-transform:rotate(-1deg);
	transform:rotate(-1deg);
	*/
}
textarea {
	width:500px;
	height:140px;
	padding:5px 8px;
	margin-bottom:10px;
	font-size:1.0em;
	color:#000;
	background-color:#c2c2c2;
	border:#c2c2c2 solid 1px;
	/*border-radius*/
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
}

input[type="text"]:focus {
	opacity: 0.7;
}
input[type="submit"] {
	padding:0 5px;
	font-weight:bold;
	line-height:1;
	color:#444;
	border:none;
	text-shadow:0 1px 1px rgba(255,255,255,0.85);
	background-color:#fff;
	/*border-radius*/
	-webkit-border-radius:23px;
	-moz-border-radius:23px;
	border-radius:23px;
	/*box-shadow*/
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
	box-shadow:0 1px 2px rgba(0,0,0,0.5);
	/*transition-duration*/
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s;
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#c3c3c3),to(#fff));
	background-image:-moz-linear-gradient(0% 100% 90deg,#fff,#c3c3c3);
}
input[type="submit"]:hover {
	color:#1a75ce;
	cursor:pointer;
	text-shadow:0 1px 1px rgba(0,0,0,0.85);
	background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#c3c3c3));
	background-image:-moz-linear-gradient(0% 100% 90deg,#c3c3c3,#fff);
	background-color:#fff;
}