@charset "UTF-8";
/* CSS Document */
	body { background-color: #fff; /*background-image:url(../recursos/2x20.png);*/ margin:0; font-family:'Raleway', Arial, Helvetica, sans-serif; font-weight:400; }
	.container {  }
	p, #accesoMensaje p { padding:0; margin:0; color:#666; font-size:13px; line-height:20px; }
	a { color:#C81600; text-decoration:none; font-weight:600; }
	a:hover { color:#666666; }

	#services,#descripcio,#formulari { margin:0 9px; display:block; background: url(../recursos/section_divider_down.png) no-repeat top center; }

	#services      { margin:0 9px; padding:40px 0 20px; height:260px; }
	#services h3   { margin:0 0 10px; padding:6px 0 0 12px; height:28px; font-size:15px; color:#FFF; background-color:#C81600; font-weight:600; font-style:normal; width:auto; display:block; border-radius:8px; }
	#services p    { color:#666; font-size:13px; line-height:20px; }

	#descripcio    { margin:0 9px; padding:38px 0px 20px; height:200px; }
	#descripcio h2 { margin:0 0 19px; padding:0; font-size:21px; font-style:normal; font-weight:300; color:#333; display:block; }
	#descripcio h3 { margin:5px 0 20px; padding:0; font-size:16px; font-style:normal; font-weight:300; color:#333; display:block; }
	#descripcio h4 { margin:0 0 14px; padding:7px 0 0 6px; height:23px; font-size:12px; color:#FFF; background-color:#ccc; font-style:normal; font-weight:300; width:100px; display: block; }
	#descripcio p  { color:#666; font-size:13px; line-height:20px; }

	#faldon       { background:#eee; width:100%; margin:20px auto 0; font-size:10px; font-style:normal; font-weight:600; color:#999;}

	#mapa         { margin:0 auto; padding:20px 0 0; width:960px; height:260px; }
	#mapa ul      { margin:0 9px; padding:10px 0; width:174px; height:196px; float:left; }
	#mapa ul li   { list-style:none; height:16px; }
	#mapa ul li a { text-decoration:none; color:#C81600; }
	#mapa ul li a:hover { color:#666; }
    #mapa li.activo     { color:#666; }

	#pie 	{ margin:0 auto; padding:0; width:942px; height:48px; display:block; }
	#pie p 	{ font-size:10px; line-height:16px; }
	
	.cursiva, .cursiva1 { font-style:italic; }
	.negra { font-weight:600; }

	.mas40   { height:36px; }
	.mas60   { height:56px; }
	.mas80   { height:76px; }
	.indice  { font-size:50%; }

	#cabeza               { margin:0; padding:0; width:942px; height:120px; clear:both; position:absolute; top:0px; z-index:100; }
	#cabeza ul            { margin:64px 0 0 0; padding:0; display:block; float:right; }
	#cabeza ul li         { /*margin:0 0 0 32px;*/ margin:0 0 0 42px; padding:0; font-size:16px; font-style:normal; font-weight:400; color:#666; list-style:none; float:left; }
	#cabeza ul li a       { color:#666; text-decoration:none; font-weight:400;}
	#cabeza ul li a:hover { color:#ccc; }
	#cabeza li.activo     { padding-bottom:12px; color:#C81600; /*border-bottom:#C81600 solid 1px; */}

/* FORM */
	#formulari    { margin:0 9px; padding:38px 0px 20px; height:200px; }
	#formulari h2 { margin:0 0 19px; padding:0; font-size:21px; font-style:normal; font-weight:300; color:#333; display:block; }
	#formulari h3 { margin:5px 0 20px; padding:0; font-size:16px; font-style:normal; font-weight:300; color:#333; display:block; }
	#formulari h4 { margin:0 0 14px; padding:7px 0 0 6px; height:23px; font-size:12px; color:#FFF; background-color:#ccc; font-style:normal; font-weight:300; width:100px; display: block; }
	#formulari p  { color:#666; font-size:13px; line-height:20px; }

/* CSS Slider */
	/*
	Load CSS before JavaScript

	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
	*/
	.slidesjs_container { width:942px; }

	/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
	*/
	.slides_container div.slide { width:942px; height:650px; display:block; }

	/* Set the size of your carousel items */
	.item    { float:left; width:942px; height:454px; margin:0px; padding:196px 0 0 0; }
	.item h1 { font-size:34px; font-style:normal; font-weight:300; line-height:40px; margin:0 0 17px 0; padding:0; }
	.item h2 { font-size:16px; font-style:normal; font-weight:300; line-height:20px; margin:0 0 61px 0; padding:0; color:#666; }
	.item p  { font-size:13px; font-style:normal; font-weight:400; line-height:20px; margin:0; padding:0; color:#666; }

	/* Pagination */
	.pagination              { margin:0; padding:0; position:relative; top:-16px; left:0; text-align:left; }
	.pagination li           { margin:0 8px 0 0; padding:0; list-style:none; float:left; }
	.pagination li a         { display:block; width:16px; height:0; padding-top:16px; background-image: url(../recursos/paginacio.png); background-position:0 0; float:left; overflow:hidden; }
	.pagination li.current a { background-position:-18px 0px; }

/* ==========================================================================
   FORM classes
   ========================================================================== */
   
input[type=text],input[type=tel],input[type=email],input[type=date],input[type=password],input[type=number],input[type=file],textarea {
    border:1px solid #ccc;
    border-radius: 4px;
    
    width:100%;
    height: 30px;

    display: block;
    
    font: 13px/16px 'Raleway', sans-serif;
    font-weight: 600;
    color:#333;
    
    background: -webkit-linear-gradient(#eeeeee 1px, #fff 2px) #FFF;
    background: -moz-linear-gradient(#eeeeee 1px, #fff 2px) #FFF;
    background: -o-linear-gradient(#eeeeee 1px, #fff 2px) #FFF;
    background: linear-gradient(#eeeeee 1px, #fff 2px) #FFF;
}

textarea {
    height: 102px;
}


input[type=text]:focus,input[type=password]:focus {
    -webkit-box-shadow:
        0 0 4px rgb(68, 160, 208),
        0 -1px 0 rgba(0, 0, 0, 0.3),
        inset 0 1px 1px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgb(140, 140, 140),
        0 2px 0 rgba(255, 255, 255, 0.3);
    background-color: #FFF;
    color:#333;
}


select {
    -webkit-appearance: none;
    /*-webkit-box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 0 0 1px rgb(150, 150, 150),
        0 1px 2px rgba(0, 0, 0, 0.25);*/
    background-position: right center, left top;
    background-repeat: no-repeat, repeat-x;
    background-image:
        url('../recursos/arrow.png'),
        -webkit-linear-gradient(#fff, #E6E6E6);
        
    background-image:
        -moz-linear-gradient(#fff, #E6E6E6);
    
    border:1px solid #ccc;
    border-radius: 4px;
    
    width:100%;
    height: 32px;
    padding-left: 6px;

    display: block;
    overflow: hidden;
    
    font: 13px/16px 'Raleway', sans-serif;
    font-weight: 600;
    color:#333;
    
}

input[type=radio] {
    -webkit-appearance: none;

    background:
        -webkit-linear-gradient(#fff, #E6E6E6) #fff;

    border:1px solid #ccc;
    border-radius: 8px;
    height: 16px;
    width: 16px;
    position:relative;
    margin-right:6px;
    top:4px;
}

input[type=radio]:checked {
    background:
        -webkit-gradient(
          radial, 50% 50%, 3, 50% 50%, 5, from(#C81600), to(rgba(255, 255, 255, 0))
        ),
        -webkit-linear-gradient(#E6E6E6, #fff)
        #fff;
}

@-moz-document url-prefix() {
    input[type=radio] { 
        background: -moz-linear-gradient(#fff, #E6E6E6) #fff;
        top: 2px;
    }
}

input[type=button], input[type=reset] {
    /*-webkit-box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.6),
        0 1px 0 rgba(0, 0, 0, 0.2),
        0 0 0 1px rgb(150, 150, 150),
        0 1px 2px rgba(0, 0, 0, 0.25);*/
    -webkit-appearance: none;
    border:1px solid #660000;
    border-radius:8px;
    
    /*background-color: #660000;
    background-image: 
        -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#C81600),
            to(#990000)
        );*/
	background: #990000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #C81600 0%, #990000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C81600), color-stop(100%,#990000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C81600 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C81600 0%,#990000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #C81600 0%,#990000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #C81600 0%,#990000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C81600', endColorstr='#990000',GradientType=0 ); /* IE6-8 */


    font-family: 'Raleway', sans-serif;
	font-size:14px;
    font-weight: 600;
    color:#fff;
    width:144px;
    height:32px;
    text-decoration: none;
}

input[type=button]:hover, input[type=reset]:hover {
    color:#333;
}