@charset "utf-8";
/* CSS Document */

*{
	border:0;
	padding:0:
	margin:0;
}

body 
{
/*background-image: url(../image/fondo.jpg);*/
background-repeat: no-repeat;
background-attachment: fixed
}


.imagen_responsive{
	width:100%;
}

article{
	height:70px;
	background:#fff;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#5a5959;
}

#contenedor, #footer{
	background:#fff;
	width: 70%;
	height: auto;
	margin:0 auto;
}

#cabezote{
	width: 100%;
	height: 195px;
	/*background-image:url(../image/cbz.jpg);
	background-repeat:repeat-x;*/
	padding-top: 70px;
	background-color: #00AC99;

}

/*#bloque_imagenes{
	background:#999;
	width: 100%;
	height: 350px;

}*/

/*#footer{
	/*background:#FF0000;
	width: 100%;
	height: 344px;
	background-position: center;
	/*width: 100%;
	height: auto;
	/*background-image: url(SITIOFLUIDO\SITIOFLUIDO\image);
	background-repeat: no-repeat;

}*/

#text_remate{
	
        /* width: 70%; */
    height: 150px;
    background-position: center;
    /* margin-left: 294px; */
    text-align: center;
    padding-top: 162px;
    color: #fff;
    font-size: 22px;
    font-weight: lighter;


}
#text_remate_peq{
	    /* width: 50%; */
    height: 150px;
    background-position: center;
    /* margin-left: 294px; */
    text-align: center;
    padding-top: 50px;
    color: #fff;
    font-weight: normal;

}

#icono_acordion{
	width: 43px;
	height: 43px;
	float: right;
	margin-right: 10px;
	margin-top: 7px;
	
}

.dirigido{
	width: 100%;
	background:#E6E6E6;
	text-align: center;
	padding: 10px;
	margin: 5px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	font-size: 16px;
}

.dirigido1{
	width: 100%;
	background:#fff;
	text-align: center;
	padding: 10px;
	margin: 5px;
	margin: 0 auto;
	border-bottom: 1px solid #fff;
	font-size: 16px;
}

#tit_principal{
	width:70%;
	text-align: center;
	padding: 6px;
	margin: 5px;
	margin: 0 auto;
	border-bottom: 1px solid #fff6ab;
	font-size: 34px;
	color:#FFF;
	font-weight:bold;
}
#tit_sec{
	width:90%;
	text-align: center;
	padding: 6px;
	margin: 5px;
	margin: 0 auto;
	font-size: 15px;
	color:#FFF;
	font-weight:lighter;
}


#pie{
	width: 1024px;
	height: 344px;
	margin: 0 auto;
	/*background-position: center;
	background-image:url(../image/remate.jpg);
	background-repeat:no-repeat;
	background-position:center;*/

}

h4,h3 {
    text-align: center;
    font-weight: normal;
    color: #A7A7A7;
}

h3 {
    text-align: center;
    font-weight: bold;
    color: #A7A7A7;
}

#borde_nucleo{
    text-align: center;
    border:1px solid #fff6ab;
	padding:10px;
	width:57%;
	background-position:center;
	text-align:center;
	margin: -28px auto;
}

.espacio{
	background:#fff;
    text-align: center;
	/*padding:10px;*/
	height:10px;
	margin:0 auto;
}
#bloque_objeto{
	/*width:70%;*/
	height:auto;
    /*margin:0 auto;*/
	text-align:center;
	margin: 10px;
}
#objeto1{
	width: 280px;
	height:110px;
	background:#00A992;
	display:inline-block;
	vertical-align:top;
	color:#FFFFFF;
	padding-top: 43px;
	margin-bottom: 5px;
	border-radius:4px;
}

#objeto2{
	width: 280px;
	height:110px;
	background:#00A992;
	display:inline-block;
	vertical-align:top;
	color:#FFFFFF;
	padding-top: 43px;
	margin-bottom: 5px;
	border-radius:4px;
}

#objeto3{
	width: 280px;
	height:110px;
	background:#00A992;
	display:inline-block;
	vertical-align:top;
	color:#FFFFFF;
	padding-top: 43px;
	margin-bottom: 5px;
	border-radius:4px;
}

.ico_bloque{
	width:68px;
	height:68px;
	display: inline-block;
	vertical-align:top;
	text-align:center;
	margin-top: 10px;
}



.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 320px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.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 */
	}
 
	.social ul li .icon-1 {background:#FFF} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-2 {background: #008786;}
	.social ul li .icon-3 {background: #20a1d7;}
	.social ul li .icon-4 {background: #ae181f;}
	.social ul li .icon-5 {background: #666666;}
 
	.social ul li a:hover {
		background: #9C9C9C; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}