/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: SPOT - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);

/* OVERALL ASPECT */

body {
  	background-color: #ffffff;
    font-family: "Raleway";
    font-weight: 400;
    font-size: 14px;
    color: #363636;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    
    
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #363636;
	font-family: "Raleway";
	letter-spacing:.5px;
}


/* Paragraph & Typographic */
p {
    line-height: 1.5em;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

/* Links */
a {
    color: #177aae;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #005f91;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

img{max-width:100%}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.large{
	margin-bottom:40px}

.navbar {
	font-weight: 700;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius:0;	
	margin-bottom:10px;
	border:0;
}

.navbar-inverse {
	background: #2d2d2d;
	border-color: #2d2d2d;
}

.navbar-nav > li > a {text-transform:uppercase;}

.navbar-inverse .navbar-nav > .active > a {
	background: #177aae;
}

.navbar-inverse .navbar-brand {
	color: #999999;
	font-weight: bolder;
	font-size: 22px;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-brand i {
	color: #ff7878;
	font-size: 22px;
	letter-spacing: 1px;
}
.navbar-collapse{padding-left:0; padding-right:0;}

.dropdown-menu > li > a {padding:5px 20px}


/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

/* ==========================================================================
   Wrap Sections
   ========================================================================== */

#headerwrap {
	background: url(../img/header-bg.jpg) no-repeat center top;
	margin-top: -10px;
	padding-top:20px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 176px;
	width: 100%;
	position:relative;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#headerwrap h1 {
	margin:0;
}

#headerwrap h2 {
	margin:0;
}
#headerwrap .social{text-align:right!important}
#headerwrap .logos{ 
	/* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	height:100px; }
	
#headerwrap .main-logo{
	background:url(../img/logo-aragonempresa.png) center center no-repeat; 
	width:178px; 
	height:62px; 
	position:absolute; 
	top:20px; 
	left:50%; 
	margin-left:-89px }
	
#headerwrap .main-logo a{
	width:178px; 
	height:62px; 
	text-indent:-900em; 
	display:block;}
	
#headerwrap .iaf-logo{
	background:url(../img/logo-iaf.png) center center no-repeat; 
	width:130px; 
	height:40px; 
	position:absolute; 
	top:20px; 
	left:20px;}
	
#headerwrap .iaf-logo a{
	width:130px; 
	height:40px; 
	text-indent:-900em; 
	display:block;}
	
#headerwrap .aragob-logo{
	background:url(../img/logo-aragob.png) center center no-repeat; 
	width:164px; 
	height:62px; 
	position:absolute; 
	top:20px; 
	right:20px;}
	
#headerwrap .aragob-logo a{
	width:164px; 
	height:62px; 
	text-indent:-900em; 
	display:block;}
	
/* Dark Grey Wrap */
#dg {
	background: #e9e9e9;
	padding-top: 50px;
	padding-bottom: 50px;
}

#dg h2 {
	font-weight: 700;
	margin-top:0;
	color:#177aae;
}

/* Light Grey */
#lg {
	
	padding-top: 40px;
	padding-bottom: 0px;
	
}

#lg h4 {
	font-weight: 700;
}


/* Red Wrap */
#r {
	background: #ff7878;
	padding-top: 35px;
	padding-bottom: 35px;
}

#r h4 {
	color: white;
	font-weight: 700;
}

#r p {
	color: white;
}

/* Blue Wrap */

#blue {
	background: #3498db;
	padding-top: 35px;
	padding-bottom: 35px;
}

#blue h4 {
	color: white;
	font-weight: 700;
}

#blue p {
	color: white;
}


/* Container Padding*/
.padding{ padding:40px 0;}

/* Banners Home*/
.banners{}

.banners img{
	margin-bottom:10px}
	
.banners h2{
	font-weight: 400;
	font-size:1.3em;
	margin-top:0;
	color:#177aae;}
	
	
/* AGENDA HOME */
.agenda{}
.agenda .title{ background:url(../img/agenda-title-bg.gif) left center repeat-x;}
.agenda h1{
	margin:0;
	font-weight:700;
	}
.agenda h1 span{ background-color:#fff; padding:0 30px;}
.agenda p.tagline{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	font-style:italic;
	color:#6b6a6a;
	margin-top:-2px;}
.agenda p.tagline span{ background-color:#fff; padding:0 30px; }

.agenda a{ font-size:1.2em; font-weight:700; line-height:1.2em; margin-bottom:5px; display:inline-block;}
.agenda .clearfix{ margin-bottom:20px;}
.agenda .fecha{color:#818181}


#social{
	padding:40px 0;
  background-color:#3b5998;}

#social #twitter-widget-0{width:100%!important}
#social #twitter-widget-0 > iframe > html > body > .timeline{width:100%!important}

/* Footer Wrap */
#f {
	background: #808080;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#ffffff;
}
#f a{color:#ffffff; font-size:1em; line-height:1em;}
#f a:hover{text-decoration:underline}
#f ul{list-style-type:none; margin:10px 0; padding:0; font-size:.9em;}
#f ul li{margin:0; padding:0; margin-bottom:2px}

#f2 {
	background: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	color:#ffffff;
	line-height:1.2em;
}


/****** SECTIONS *****/

.w {
	
}

.w h4 {
	font-weight: 700;
}

.w i {
	color: #ff7878;
	font-size: 30px;
}


.wb {
	padding-top: 35px;
	margin-bottom: 0px;
}

.wb h4 {
	font-weight: 700;
}

.desc {
	padding-top: 35px;
}

.desc h4 {
	font-weight: 700;
}

.desc i {
	color: #ff7878;
	font-size: 12px;
	padding: 5px;
}

/***** MODAL CONTACT *****/
.modal-content {
	border-radius: 0px;

}

.modal-header {
	background: #bdbdbd;
	color: white;
}

.modal-header h4 {
	font-weight: 700;
}

.modal-body {
	background: #f2f2f2;
    font-family: "Lato";
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

.modal-footer {
	background: #f2f2f2;
	margin-top: 0px; 
}

/* ==========================================================================
   Pricing Tables
   ========================================================================== */
   
.pricing-option {
    padding-bottom: 40px;
}

.pricing-option .pricing-top {
    position: relative;
    background: #222;
    color: white;
    text-align: center;
    font-weight: bold;

    padding: 40px 20px 30px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pricing-option .pricing-top .special-label {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1abc9c;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 0;
}

.special .pricing-top {
    background: black;
}

.pricing-option .pricing-edition {
    text-transform: uppercase;
    display: block;
    font-size: 25px;
    letter-spacing: 8px;
}

.pricing-option .price {
    display: inline-block;
    position: relative;
}

.pricing-option .price sup {
    position: absolute;
    top: 50px;
    left: -10px;
    font-size: 24px;
}

.pricing-option .price .price-amount {
    font-size: 108px;
    letter-spacing: -4px;
}

.pricing-option .price small {
    position: relative;
    left: -10px;
    font-size: 18px;
}

.pricing-option ul {
    list-style: none;
    margin: 0;
    background: #eee;
    text-align: center;
    padding-left: 0px;
}

.pricing-option ul li {
    border-bottom: solid 1px #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing-option .pricing-signup {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 10px;
    color: white;
    background: #1abc9c;
}

.pricing-option .pricing-signup:hover {
    background: #ff7878;
}

.banner img{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
.banner h2{
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:900;
	margin-top:10px;
	margin-bottom:5px;}	
.banner p{margin-bottom:10px}

.actuaciones{}
.actuaciones .clearfix{margin-bottom:10px}

/* PAGINA CONTENIDO INTERIOR */
.contenido{}
.contenido h1{font-size:2em; font-weight:700; color:#27235e; margin-bottom:10px;}
/*.contenido img {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}*/
.contenido li{margin-bottom:10px}
.contenido blockquote {
    padding: 20px 20px;
    margin: 0 0 20px;
    border-left:0;
	text-align:center;
	font-size:1.3em;
	font-weight:700;
}


.boton_area{
	margin:10px;
	text-decoration:none;
	font-size:1em; 
	padding: 5px 8px;
	border-radius:4px;
	color:#ffffff!important;
	white-space: nowrap;
	}
.boton_area:hover{text-decoration:underline}

.cabecera_area{
	border-top:1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	clear:both;
	margin:20px 10px;
	padding:8px;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	text-transform:uppercase}
.cabecera_area2{
	background-color:#272360;
	clear:both;
	margin:20px 0px;
	padding:8px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:1.3em;
	text-transform:uppercase}

.listado{}
.listado h3{font-size:1.2em; text-transform:uppercase; color:#000; background-color:#f0f0f0; padding:5px; font-weight:700}

.listado .bloque{border-bottom:1px solid #f0f0f0; padding-top:20px; padding-bottom:20px; overflow:hidden}
.listado .bloque h2{margin-top:0px;}
.listado p {
    line-height: 1.5em;
    margin-bottom: 5px;
}

/* AGENDA CALENDARIO */
.tabla-agenda{text-align:center!important; background-color:#fff;}

.tabla-agenda th,
.tabla-agenda td{text-align:center!important; }

.tabla-agenda > thead > tr > th, 
.tabla-agenda > thead > tr > td {border-bottom-width:0!important}
.tabla-agenda > thead > tr > th a, 
.tabla-agenda > thead > tr > td a {color:#ffffff; text-decoration:none}

.tabla-agenda > thead > tr > th {background-color:#3b5998!important; color:#ffffff!important}
.tabla-agenda > thead > tr > td { font-weight:700}

.tabla-agenda tbody td{padding: 6px 8px!important;}
.tabla-agenda tbody a{color:#3b5998!important; text-decoration:underline!important; font-weight:700}

.tabla-agenda .disabled{background-color:#efefef!important}

@media (max-width: 767px) {
	#headerwrap{
		min-height:260px;
		padding-top:0}
	#headerwrap .logos{
		height:260px;
		padding:20px;}
	#headerwrap .logos .main-logo,
	#headerwrap .logos .iaf-logo,
	#headerwrap .logos .aragob-logo{ position:relative; margin:0 0 20px 0; padding:0; top:auto; left:auto; right:auto; text-align:center; background-position:center center; width:auto}
	
	#headerwrap .logos .main-logo a,
	#headerwrap .logos .iaf-logo a,
	#headerwrap .logos .aragob-logo a{width:100%}
	.navbar-nav{margin-left:0; margin-right:0}
	
	.contenido iframe{
		max-width:100%;
		height:auto;}
	
	
	#accesos img { width:auto; margin-bottom:20px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
	
	
	
	
	}