html { 
	background: url(https://www.arquisocial.org/imagenes/configuracion/imagen_fondo1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.arquisocial.org/imagenes/configuracion/imagen_fondo1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.arquisocial.org/imagenes/configuracion/imagen_fondo1.jpg', sizingMethod='scale')";
}

body { 
	font-family:Open Sans, serif; 
	font-weight:400; 
	font-size:14px; 
	background-color:transparent; 
}

#pagina { 
	position:relative;
	box-shadow:0 0 8px rgba(0,0,0,.2); 
	padding-bottom:15px;
}

#cabecera { margin:1px 0; }
#main { margin-top:25px; }

/*-------------------------------------------------------------
	MENUS
-------------------------------------------------------------*/

/** Menu superior **/

.navbar-inverse .navbar-nav > li > a { font-size:16px;	font-weight:600; }
.navbar { margin-bottom:0px; border-radius:0; }

/** Menu lateral **/

#menu_lateral a { font-size:16px; font-weight:600; transition:all .1s; }


/*-------------------------------------------------------------
	CARRUSEL DE BANNERS
-------------------------------------------------------------*/

#carrusel_banners { border-radius:4px; overflow:hidden; }
#carrusel_banners .carousel-control.left, #carrusel_banners .carousel-control.right { 
	background-image:none;
}

#carrusel_banners .carousel-control .glyphicon-chevron-left, 
#carrusel_banners .carousel-control .glyphicon-chevron-right, 
#carrusel_banners .carousel-control .icon-prev, 
#carrusel_banners .carousel-control .icon-next { 
	font-size:15px !important; 
	margin-top:-10px; 
}


/*-------------------------------------------------------------
	VARIOS
-------------------------------------------------------------*/

.oculto { display:none; }
img.ampliable { cursor:pointer; }


/** Titulos de la seccion **/
.page-header { margin-top:0; }


/** Imagenes de las secciones **/
.imagen_principal {
	float:right;
	margin:20px;
	width:40%;
}

#caja_direccion { margin:5px 0 20px 20px; }

.paginacion { text-align:right; }

/*-------------------------------------------------------------
	MODULOS (Imagenes, adjuntos, videos
-------------------------------------------------------------*/

#ul_modulos { margin-top:30px; }
.modulo { padding-top:20px; }
.modulo ul.adjuntos { list-style:none; padding-left:10px; }
.modulo ul.adjuntos > li { 
	margin-left:0; 
	margin-bottom:2px;
	padding:8px 10px;
	transition:all .2s;
	border-radius:5px;
}
.modulo ul.adjuntos > li > a > span.ico_extension { margin-right:5px; display:inline-block; }
.modulo ul.adjuntos > li:hover a { color:#fff; text-decoration:none; }

/*-------------------------------------------------------------
	MAPA GOOGLE (LOCALIZACION)
-------------------------------------------------------------*/

#mapa_google { height:350px; }

/*-------------------------------------------------------------
	PARTICIPA
-------------------------------------------------------------*/

ul#comentarios { list-style:none; padding:0; }
ul#comentarios > li { margin-top:10px; }
ul#comentarios > li .header { 
	background-color:#AAAAAA; 
	padding:15px;
	border-radius:5px 5px 0 0;
}
ul#comentarios > li .header .fecha { color:#AAAAAA; }
ul#comentarios > li .header .autor { color:#FFFFFF; }
ul#comentarios > li .header .autor b { font-weight:600; }
ul#comentarios > li .body { 
	background-color:#D1D1D1; 
	padding:15px;
}

.bloque_escribenos { 
	background:#f7f7f7; 
	padding:10px 20px 20px 20px; 
	border-radius:5px;
}

/*-------------------------------------------------------------
	FORMULARIOS
-------------------------------------------------------------*/

#form_contacto { margin-top:30px; }
.btn-primary { font-size:16px; font-weight:600; transition:all .3s; }

/*-------------------------------------------------------------
	MENSAJES
-------------------------------------------------------------*/
.mensaje { margin:10px 0; padding:20px; border-radius:5px; }
.mensaje.bg-success { background-color:#BBEABB; }
#error_general { margin:10px 0; padding:20px; border-radius:5px; }

.bs-callout {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eee;
    border-image: none;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin: 20px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
	font-weight:600;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout-danger {
    border-left-color:#CC0000;
}
.bs-callout-danger h4 {
    color:#CC0000;
}

/*---------------------------------------------------
	REDES SOCIALES
-----------------------------------------------------*/

#_social { display:none; position:fixed; top:100px; left:0px; }
#_social #_social_facebook { background:#23599A; height:44px; line-height:44px; overflow:hidden; position:relative; left:-110px; transition:all .4s; box-shadow:1px 1px 1px rgba(0,0,0,.2); }
#_social #_social_twitter { margin-top:1px; background:#00C6F8; overflow:hidden; position:relative; left:-110px; transition:all .4s; box-shadow:1px 1px 1px rgba(0,0,0,.2); }
#_social #_social_linkedin { margin-top:1px; background:#006DC4; overflow:hidden; position:relative; left:-110px; transition:all .4s; box-shadow:1px 1px 1px rgba(0,0,0,.2); }
#_social #_social_facebook:hover, #_social #_social_twitter:hover, #_social #_social_linkedin:hover { left:0; }
#_social span { padding:0 20px; display:inline-block; width;100px; color:#fff; font-size:18px; line-height:44px; float:left; }
#_social a { text-decoration:none; }
#_social a img { border:none; vertical-align:top; float:right; }

/*-------------------------------------------------------------
	PIE
-------------------------------------------------------------*/

#pie { margin-top:40px; padding:20px; }
#pie a { font-weight:600; transition:all .3s; }
#pie a:hover { text-decoration:none; }

.enlaces > ul { list-style:none; }
.enlaces > ul > li { float:left; font-size:12px; padding:4px 0; }
.enlaces > ul > li:after { content:'|'; margin:0 10px; color:#rgba(255,255,255,.25); }
.enlaces > ul > li:last-child:after { content:none; margin:0; }

/*---------------------------------------------------
	POLITICA DE COOKIES
-----------------------------------------------------*/

#capa_info_cookies { 
	position:fixed; 
	bottom:0; 
	right:0; 
	z-index:20000; 
	background:rgba(0,0,0,.9); 
	width:30%; 
	border-radius:3px 0 0 0;
	box-shadow:0 2px 4px rgba(0,0,0,.2); 
}

/*-------------------------------------------------------------
	PERSONALIZACION
-------------------------------------------------------------*/

/** Background **/

html { background-color:#D1D1D1; }
#pagina {
	color:#333333;
	background-color:#FFFFFF;
}

/** Links **/

a { color:#8C8C8C; }
a:hover { color:#428bca; }

/** Titulo / subtitulo **/

.page-header h1 { color:#000000; }
.page-header h1 small { color:#000000; }

/** Menu superior **/

.navbar-inverse { background-color:#F7F7F7; }
.navbar-inverse .navbar-nav > li > a { 
	color:#000000; 
	background-color:#F7F7F7;
}
.navbar-inverse .navbar-nav > li > a:hover { 
	background-color:#AAAAAA; 
	color:#FFFFFF; }

/** Submenu superior **/
.dropdown-menu, .dropdown-menu ul { 
	background-color:#FFFFFF;
}
.dropdown-menu li.submenu_superior a { 
	color:#CCCCCC !important;
	background-color:#FFFFFF;
}
.dropdown-menu li.submenu_superior a:hover { 
	color:#CCCCCC !important;
	background-color:#F7F7F7;
}

/** Para que el menú superior se despliegue al pasar por encima **/

.dropdown:hover .dropdown-menu {
	display: block;
}

/** Menu lateral **/

#menu_lateral a { 
	color:#000000;
	background-color:#F7F7F7; 
}
#menu_lateral a:hover { 
	background-color:#AAAAAA; 
	color:#F7F7F7; 
}

/** Pie **/

#pie { 
	color:#AAAAAA;
	background-color:#F7F7F7;
}		
#pie a { color:#AAAAAA; }
#pie a:hover { color:#fff; }

/** Botones **/

.btn-primary {
	background-color:#AAAAAA;
	border-color:#8C8C8C;
	color:#FFFFFF;
}
.btn-primary:hover { background-color:#8C8C8C; }

/** Adjuntos **/

.modulo ul.adjuntos > li { background-color:#D1D1D1; }
.modulo ul.adjuntos > li:hover { background-color:#AAAAAA; }


/** Paginacion **/

.pagination > li > a, .pagination > li > span {	
	color:#FFFFFF;
	background-color:#F7F7F7; 
}
.pagination > li > a:hover, .pagination > li > span:hover {	background-color:#555555; }
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus { 
	background-color:#8C8C8C;
	border-color:#8C8C8C
}

/*-------------------------------------------------------------
	MEDIA QUERIES
-------------------------------------------------------------*/

@media (max-width: 750px) 
{ 
	#pagina.container { padding:0; }
	.imagen_principal { width:100%; float:none; margin:20px 0; }
	#_social { display:none !important; }
	
	#pie #col1 { text-align:center !important; }
	#pie #col2 { margin-top:20px; text-align:center !important; }
	#pie #col3 .pull-right{ float:none !important; text-align:center !important; }
	
	#capa_info_cookies { width:100%; }
}

@media (max-width: 768px) {
	.btn_telefono { border-bottom: 1px dashed #0066FF; }
}

.navbar-inverse {
    border-color: #dcdada;
}
#pie a:hover {
    color: #5f5f5f;
}
#listado_noticias .noticia .info .titulo a {
    color: #666666 !important;
}
#listado_documentos .documento .info .titulo a {
    color: #666666 !important;
}

#paginacion span {
    background: #5b5d5c !important;
}