/* Específicos AFOQ */
#pagina.container { padding-left:0; padding-right:0; }
.navbar-inverse { border-color: #ffffff; border-bottom-color: #000; border-top-color: #000; }
.navbar-brand { margin-left: 0px !important; padding: 2px !important; }
/* Fin específicos AFOQ */

html {
	background: url(http://www.afoq.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.afoq.es/imagenes/configuracion/imagen_fondo1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.afoq.es/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 {
	overflow:hidden;
	background:none;
	border:none;
	border-radius:0;
	padding:0;
}
#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; margin-left:15px; }


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

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

.paginacion { text-align:right; }


/** Paginacion **/

#paginacion {
	overflow:hidden;
	margin-top:10px;
	padding:8px 10px;
	border-radius:0 0 6px 6px;
}
#paginacion span {
	float:left;
	margin-left:2px;
	display:block;
	width:22px;
	height:22px;
	padding-top:1px;
	text-align:center;
	border-radius:10px;
	font-weight:bold;
	color:#000000;
	background:#FC7712;
}
#paginacion a {
	float:left;
	margin-left:2px;
	display:block;
	width:22px;
	height:22px;
	padding-top:1px;
	text-align:center;
	background:#F0F0F0;
	border-radius:10px;
	transition:all 1s;
	color:#000000;
}
#paginacion a:hover {
	text-decoration:none;
	background:#CCCCCC;
}


/*-------------------------------------------------------------
	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:#1E7EB2;
	padding:15px;
	border-radius:5px 5px 0 0;
}
ul#comentarios > li .header .fecha { color:#F7F390; }
ul#comentarios > li .header .autor { color:#FFFFFF; }
ul#comentarios > li .header .autor b { font-weight:600; }
ul#comentarios > li .body {
	background-color:#F7F7F7;
	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:#DFF0D8; }
#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:#FC6565;
}
.bs-callout-danger h4 {
    color:#FC6565;
}

/*---------------------------------------------------
	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:#FFFFFF; }
#pagina {
	color:#333333;
	background-color:#FFFFFF;
}

/** Links **/

a { color:#1411AA; }
a:hover { color:#428bca; }

/** Titulo / subtitulo **/

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

/** Menu superior **/

.navbar-inverse { background-color:#FC7712; }
.navbar-inverse .navbar-nav > li > a {
	color:#FFFFFF;
	background-color:#FC7712;
}
.navbar-inverse .navbar-nav > li > a:hover {
	background-color:#F8C500;
	color:#FFFFFF; }

/** Submenu superior **/
.dropdown-menu, .dropdown-menu ul {
	background-color:#FFFFFF;
}
.dropdown-menu li.submenu_superior a {
	color:#000000 !important;
	background-color:#FFFFFF;
}
.dropdown-menu li.submenu_superior a:hover {
	color:#000000 !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:#FFFFFF;
	background-color:#1E7EB2;
}
#menu_lateral a:hover {
	background-color:#FC7712;
	color:#FFFFFF;
}

/** Pie **/

#pie {
	color:#F0F0F0;
	background-color:#11557A;
}
#pie a { color:#BED8FF; }
#pie a:hover { color:#fff; }

/** Botones **/

.btn-primary {
	background-color:#FC7712;
	border-color:#F8C500;
	color:#FFFFFF;
}
.btn-primary:hover { background-color:#F8C500; }

/** Adjuntos **/

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


/** Paginacion **/
/*
.pagination > li > a, .pagination > li > span {
	color:#000000;
	background-color:#F0F0F0;
}
.pagination > li > a:hover, .pagination > li > span:hover {	background-color:#CCCCCC; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color:#FC7712;
	border-color:#FC7712
}
*/

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


@media (max-width: 992px)
{
	#carrusel_banners {
		background:#f7f7f7;
		border:solid 1px #f0f0f0;
		border-radius:5px;
		padding:10px;
	}
}

@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; }
h1 { margin-top:0; }
#pagina { padding-bottom:0; }

#menu_lateral a:hover { padding-left:25px; }