html {
	background: url(http://www.centroalcazar.es/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='http://www.centroalcazar.es/imagenes/configuracion/imagen_fondo1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.centroalcazar.es/imagenes/configuracion/imagen_fondo1.jpg', sizingMethod='scale')";
}

body {
	font-family:Raleway, serif;
	font-weight:400;
	font-size:15px;
	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; }

/*-------------------------------------------------------------
	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:#406086;
	padding:15px;
	border-radius:5px 5px 0 0;
}
ul#comentarios > li .header .fecha { color:#B7CDE8; }
ul#comentarios > li .header .autor { color:#FFFFFF; }
ul#comentarios > li .header .autor b { font-weight:600; }
ul#comentarios > li .body {
	background-color:#EBF3FA;
	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:#009900; }
#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:#24313C; }
#pagina {
	color:#333333;
	background-color:#FFFFFF;
}

/** Links **/

a { color:#0066B1; }
a:hover { color:#428bca; }

/** Titulo / subtitulo **/

.page-header h1 { color:#FF8840; }
.page-header h1 small { color:#0066B1; }

/** Menu superior **/

.navbar-inverse { background-color:#0066B1; }
.navbar-inverse .navbar-nav > li > a {
	color:#FFFFFF;
	background-color:#0066B1;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#333333;
	color:#FFFFFF; }

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

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

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

/** Menu lateral **/

#menu_lateral a {
	color:#0066B1;
	background-color:#FFFFFF;
}
#menu_lateral a:hover {
	background-color:#0066FF;
	color:#FFFFFF;
}

/** Pie **/

#pie {
	color:#F0F0F0;
	background-color:#0066B1;
}
#pie a { color:#BED8FF; }
#pie a:hover { color:#fff; }

/** Botones **/

.btn-primary {
	background-color:#0066B1;
	border-color:#333333;
	color:#FFFFFF;
}
.btn-primary:hover { background-color:#333333; }

/** Adjuntos **/

.modulo ul.adjuntos > li { background-color:#E7F1FD; }
.modulo ul.adjuntos > li:hover { background-color:#C7D1DD; }


/** Paginacion **/

.pagination > li > a, .pagination > li > span {
	color:#FFFFFF;
	background-color:#333333;
}
.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:#0066B1;
	border-color:#0066B1
}

/*-------------------------------------------------------------
	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:none; margin-top:1px; }
#error_general { margin-top:20px; }
h1 { font-weight:800 !important; }