@import"../css/superfish.css";
@import"../css/jqtransform.css";
@import"../css/cusel-multiple.css";
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%; height:100%;}

body { 	 
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%; 
    color:#000;
    min-width:980px;
    height:100%;
    background: url(../images/bg-body.jpg) center 0 repeat #0e0e0e;
    padding:0;
}

.main {
    width:960px; 	
    padding:0;
    margin:0 auto;
    font-size:0.75em;
    line-height:1.5em;
    position:relative;
    background: none;
}
.bg-bottom {
    width:100%;
    height:100%;
    background:url(../images/bg-aside.gif) center bottom no-repeat;
}

a {color:#8c8c8c; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.extra-box {overflow:hidden;}
.extra-box {overflow:hidden; padding-left:1px;}

p {margin-bottom:18px;}
.p0 {margin-bottom:0px;}
.p00 {margin-bottom:6px;}
.p000 {margin-bottom:3px;}
.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:28px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:52px;}



.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}



.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#7d7d7d;}
.color-4 {color:#7dc1d7;}

/*********************************boxes**********************************/
.prev-indent-bot {margin-bottom:10px;}
.prev-indent-bot1 {margin-bottom:12px;}
.prev-indent-bot2 {margin-bottom:16px;}
.title {margin-bottom:18px;}
.title1 {margin-bottom:19px;}
.indent-bot {margin-bottom:20px;}
.indent-bot1 {margin-bottom:22px;}
.indent-bot2 {margin-bottom:21px;}
.spacing-bot {margin-bottom:24px;}
.spacing-bot1 {margin-bottom:26px;}
.margin-bot {margin-bottom:37px;}
.margin-bot1 {margin-bottom:30px;}
.margin-bot2 {margin-bottom:32px;}
.margin-bot3 {margin-bottom:35px;}
.margin-bot4 {margin-bottom:45px;}

.margin-right {margin-right:26px;}
.margin-right1 {margin-right:9px;}

.spacing {margin-right:10px;}
.spacing1 {margin-right:21px;}


.img-indent{float:left;	margin: 3px 4px 0 0;}
.img-indent1{float:left;margin: 4px 20px 0 0;}
.img-indent2{float:left; margin: 0px 7px 0 0px;}


.text-indent{
    float:left;
    margin: 4px 21px 0 0px;
    width:45px;
    text-align:center;
    background:#232323;
    font-size:30px;
    line-height:1.2em;
    color:#fff;
    padding:2px 0px 7px 0px;
}
.text-indent1{
    float:left;
    margin: 0px 9px 0 0px;
    width:28px;
    text-align:right;
    font-size:12px;
    line-height:18px;
    font-weight:bold;
}


.buttons a:hover {cursor:pointer;}

.letter {
    letter-spacing:-1px;
}


.sf-menu li a,
.list-1 li a,
.list-2 li a,
.link-1,
.link-3,
.link-4,
.link-5,
.button,
.text-bot a,
h5 a,
h6 a,
h1 a {text-decoration:none;}	

/*********************************header*************************************/
header.header {
    height:455px; 
    width:100%; 
    position:relative; 
    z-index:2; 
    background:url(../images/bg-header.gif) center 0 no-repeat; 
    padding:0px 0 0 0;
}
header {
    height:96px; 
    width:100%; 
    position:relative; 
    z-index:2; 
    background:url(../images/bg-header.gif) center 0 no-repeat; 
    padding:0px 0 0 0;
}

.row-1{
    width:100%;
    height:65px;

    background:url(../images/bg-row-1.gif) 0 0 repeat-x #1a1a1a;

    /*background:url(../images/logoSolcasa.png) 0 0 repeat-x #1a1a1a;*/
    border-bottom:2px solid #262626;
    position:relative;
    z-index:2;
}

.row-2{
    height:359px;
    position:relative;
    z-index:1;
    padding:31px 0 0 5px;
}
h1 {
    padding:14px 0 0 5px;
    position:relative;
}

h1 a {
    display:block; 
    width:200px; 
    height:50px; 
    text-indent:-5000px;
    background:url(../images/logo2.png) 0 0 no-repeat;
    background-size: 200px;
}


.shadow {
    width:100%;
    background:url(../images/shadow.png) center bottom no-repeat;
    padding-bottom:49px;
}
.slider-wrapper {
    width:930px;
    height:416px;
    background:#ececec;
    border:1px solid #f3f3f3;
    padding:9px 9px 9px 9px;
    position:relative;
}
.banner {
    position:absolute;
    right:29px;
    top:319px;
    padding:13px 0 0 20px;
    width:260px;
    height:73px;
    font-size:22px;
    line-height:1.2em;
    color:#fff;
    background:url(../images/bg-banner.png) 0 0 repeat;
}
.banner strong {
    display:block;
    color:#7dc1d7;
    margin-top:3px;
}
/*********************************content*************************************/
#content{
    width:100%; 
    padding:0px 0px 0px 0px; 
    z-index:1;
    margin-top:0px; 
    position:relative;
    background:url(../images/bg-content.gif) 0 0 repeat-x #fcfcfc;
    border-bottom:1px solid #909090;
}
.col-1 {width:144px;}

.padding{padding: 118px 0px 44px 0px;}
.padding-1{padding: 57px 0px 45px 0px;}

.padding-top{padding: 8px 0px 0 0px;}


h2 {
    font-size:30px; 
    line-height:1.23em; 
    color:#000; 
    margin:0 0 0px 0;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
    h2 {line-height:1.25em; }
}

h2 strong {display:block; margin-top:-12px;}
h3 {
    font-size:19px; 
    line-height:1.2em; 
    color:#000;
    margin:0px 0 23px 0;
}
h3.small {
    font-size:16px; 
    line-height:1.2em; 
    color:#7d7d7d;
    margin:0px 0 17px 0;
}
h4 {
    font-size:20px; 
    line-height:1.2em; 
    color:#fff;
    margin:0px 0 13px 0px;
}
h5 {
    font-size:12px; 
    line-height:1.2em; 
    margin:0px 0 18px;
    color:#000;
    text-transform:uppercase;
}
h5 a{color:#000;}
h5 a:hover {text-decoration:underline;}
h6 {
    font-size:12px; 
    line-height:18px; 
    margin:0px 0 0px;
    color:#000;
}
h6 a{color:#000;}
h6 a:hover {text-decoration:underline;}

.border-bot{
    width:100%;
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    padding-bottom:13px;
}
.border-bot1{
    width:100%;
    background:url(../images/line-1.gif) 0 bottom repeat-x;
    padding-bottom:18px;
}
.border-bot2{
    width:100%;
    background:url(../images/line-2.gif) 0 bottom repeat-x;
    padding-bottom:21px;
}
.border-bot3{
    width:100%;
    background:url(../images/line-3.gif) 0 bottom repeat-x;
    padding-bottom:17px;
}
.border-bot4{
    width:100%;
    background:url(../images/line-3.gif) 0 bottom repeat-x;
    padding-bottom:7px;
    margin-bottom:5px;
}
.text-1{
    font-size:20px;
    line-height:1.2em;
    color:#000;
}
/*************lists ***********************/
.list-1 li {
    font-size:12px; 
    line-height:22px;  
}

.list-1 li a {
    color:#7d7d7d; 
    display:inline-block;
}
.list-1 li a:hover {
    color:#fcfcfc;
}

.list-2 li {
    font-size:12px; 
    line-height:18px;
    background:url(../images/marker-3.gif) 0 2px no-repeat;
    padding-left:14px;
    margin-bottom:11px;
}
.list-2 li a {
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    display:inline-block;
}
.list-2 li:hover a {
    color:#7d7d7d;
}

/************ links **********************/

.link {
    display:inline; 
    color:#7dc1d7; 
    font-size:12px; 
    line-height:18px;
    font-weight:bold;
}
.link:hover {text-decoration:none;}

.link-bg {
    display:inline; 
    color:#7dc1d7; 
    font-size:12px; 
    line-height:18px;
    font-weight:bold;
    background:url(../images/marker-4.gif) 0 2px no-repeat;
    padding:4px 0 7px 34px;
}
.link-bg:hover {text-decoration:none;}

.link-1 {
    display:inline-block; 
    color:#7d7d7d; 
    font-size:12px;
    line-height:18px;
}
.link-1:hover {text-decoration:underline;}

.link-2 {
    display:inline-block; 
    color:#787878;
    font-weight:bold; 
    font-size:12px; 
    line-height:18px;
    background:url(../images/marker-1.gif) 100% 7px no-repeat;
    padding-right:8px;
}
.link-2:hover {text-decoration:none;}
.margin-link {margin:19px 10px 0 0;}

.link-3 {
    display:inline-block; 
    color:#000; 
    font-size:12px;
    line-height:18px;
    text-transform:uppercase;
    font-weight:bold;
    background:url(../images/marker-2.gif) 0 0 no-repeat;
    padding: 5px 0 1px 27px;
}
.link-3:hover {text-decoration:underline;}

.link-4 {
    display:inline; 
    color:#fcfcfc;
    font-weight:bold; 
    font-size:12px; 
    line-height:16px;
}
.link-4:hover {text-decoration:underline;}

.link-5 {
    display:inline; 
    color:#000;
    font-size:12px; 
    line-height:18px;
}
.link-5:hover {color:#7d7d7d;}

/***************** boxex *******************************/
.pic-shadow{
    width:150px;
    background:url(../images/pic-shadow.png) center bottom no-repeat;
    padding:0 0px 16px 0px;
}
.pic-shadow1{
    width:190px;
    background:url(../images/pic-shadow1.png) center bottom no-repeat;
    padding:0 0px 16px 0px;
}
.pic-shadow2{
    width:230px;
    background:url(../images/pic-shadow2.png) center bottom no-repeat;
    padding:0 0px 16px 0px;
}
.box {
    position:relative; 
    background:#fcfcfc;
    border:1px solid #ebebeb;
}

.corner {
    position:absolute;
    top:100%;
    left:33px;
    width:22px;
    height:12px;
    background:url(../images/corner.png) 0 0 no-repeat;
}
.banner-box{
    position:absolute;
    top:2px;
    right:2px;
    width:77px;
    height:77px;
}
.box-padding {padding:15px 10px 20px 19px;}
.box-padding1 {padding:15px 20px 17px 19px;}
.box-padding2 {padding:22px 10px 29px 19px;}
.box-padding3 {padding:15px 18px 16px 19px;}
.box-padding4 {padding:15px 19px 20px 19px;}
.box-padding5 {padding:19px 5px 20px 16px;}
.box-padding6 {padding:15px 10px 22px 19px;}
.box-padding7 {padding:15px 8px 12px 19px;}
.box-padding8 {padding:15px 10px 18px 19px;}
.box-padding9 {padding:15px 18px 19px 19px;}
.box-padding10 {padding:15px 18px 15px 19px;}
/***************** buttons *****************************/

.button {
    display:inline-block; 
    font-size:20px; 
    line-height:1.2em; 
    color:#fff;
    padding:2px 10px 9px 10px; 
    background:#232323;
}
.button:hover {
    background: #7dc1d7;
    color:#000;
}

/************** forms *******************************/
input, textarea { margin:0; font-size:1em; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; outline:none;}

.success {
    width:246px;
    text-align:center;
    color:#fff;
    font-size:19px;
    line-height:1.2em;
    padding:10px 10px 10px 10px;
    margin-bottom:10px;
    display:none;
    background:#000;
    border:1px solid #ebebeb;
}
/* Contact form */
#contact-form {
    vertical-align:top;
    padding-top:0px;
}
#contact-form fieldset {
    border:none;
}
#contact-form .field {
    overflow:hidden;
    padding:0 0 15px 0px;
}
#contact-form input {
    width:252px; 
    padding:4px 8px 5px 8px;  
    margin:0;
    float:left; 
    margin:0px 0 0 0;
    font-size:12px;
    line-height:1.23em;
    color:#7d7d7d; 
    outline:none;
    background:#fff;  
    border:1px solid #ebebeb;
}
#contact-form .area .error { float:left;}
#contact-form textarea {
    overflow:auto; 
    height:138px;
    width:252px; 
    padding:5px 8px 5px 8px; 
    float:left; 
    font-size:12px;
    line-height:1.23em;
    margin:0px 0 0 0;
    color:#7d7d7d; 
    background:#fff;  
    border:1px solid #ebebeb;
    outline:none;
}
#contact-form label {
    padding:0 0 0px 0px;
    display:inline-block;
    color:#F00;
}
#contact-form .error, #contact-form .empty {
    color:red;
    width:287px;
    font-size:10px;
    line-height:15px;
    padding:3px 0 0 0px;
    display:none;
    float:left;
}
.buttons-wrapper {text-align:left; clear:both; padding:20px 0px 0 0;}
.buttons-wrapper a { margin-right:12px;}
.map {
    background:url(../images/map-shadow.png) center bottom no-repeat;
    width:430px;
    padding-bottom:16px;
}
.map iframe {
    width:430px; 
    height: 319px; 
    overflow:hidden; 
} 
.map-indent{
    float:left;
    margin:3px 20px 0 0;
}
.contact {
    font-size:12px; 
    line-height:18px;
    color:#7d7d7d;
    padding:0px 0 0 0;
}
.contact dt{
    margin-bottom:18px;
}
.contact dd span {float:left; width:66px;}
/****************************aside************************/
aside {
    width:100%; 
    padding:44px 0px 23px 0px; 
    background:none;
    border-top:1px solid #fcfcfc; 
    position:relative;
}
.aside-contact {
    padding:3px 0 0 1px;
    font-size:12px; 
    line-height:16px;
    color:#fcfcfc;
    font-weight:bold;
}
.aside-contact dt{
    margin-bottom:16px;
}
/****************************footer************************/
footer {
    width:100%; 
    padding:17px 0px 0px 0px; 
    background:none;
    border-top:1px solid #282828; 
    position:relative;
}

.text-bot {
    font-size: 12px; 
    line-height:1.2em; 
    color:#fff;
    padding:0px 0px 0px 5px;
}
.text-bot a {
    color:#fff;
    margin-left:15px; 
    text-decoration:none;
}
.text-bot a:hover {text-decoration:underline;}


/***************** stroke *******************/
.stroke {
    border:8px solid #fff;
    background:url(../images/bg-img.png) 0 0 repeat;
    position:absolute;
    top:0;
    left:0;
    height:105px;
    width:136px;
    z-index:3;
    cursor:pointer;
}
.rel{
    position:relative;
    z-index:1;
    width:150px;
    height:119px;
}
.rel img {
    position:relative;
    z-index:2;
}

/*********table************/
.tablaTareas{
    cellspacing:0;
    cellpadding:0;
    width:100%;

}
.tablaTareas tr td{
    border:solid;
    padding-left: 5px;
    padding-right: 5px;
}

table{margin-top:1px;}

th{
    font-size:12px; 
    line-height:1.2em; 
    color:#fcfcfc; 
    background:#4b4b4b; 
    font-weight:bold; 
    text-align:left; 
    border-bottom:1px solid #ebebeb; 
    border-left:1px solid #282828;
    border-top:1px solid #282828; 
    height:24px; 
    vertical-align:middle;
    padding:0 0 0 10px;
}
html>/**/body th, x:-moz-any-link, x:default {height:25px}
@media all and (-webkit-min-device-pixel-ratio:10000), 
not all and ( -webkit-min-device-pixel-ratio : 0 ) { 
    th { height:25px}
}
th.width1 {padding:0 0 0 10px;}
td {
    font-size:12px; 
    line-height:18px; 
    color:#7e7e7e; 
    vertical-align:middle;
    height:24px;
}
html>/**/body td, x:-moz-any-link, x:default {height:25px}

@media all and (-webkit-min-device-pixel-ratio:10000), 
not all and ( -webkit-min-device-pixel-ratio : 0 ) { 
    td { height:25px}
}

td.width1{
    width:80px; 
    background:#fff; 
    border-left:1px solid #ebebeb; 
    border-right:1px solid #ebebeb; 
    border-bottom:1px solid #ebebeb; 
    padding:0 0 0 10px;
}
td.width2 {
    width:48px; 
    background:#fcfcfc; 
    border-right:1px solid #ebebeb; 
    border-bottom:1px solid #ebebeb; 
    padding:0 0 0 10px;
}
td.width3{
    width:48px; 
    background:#fff; 
    border-right:1px solid #ebebeb; 
    border-bottom:1px solid #ebebeb; 
    padding:0 0 0 10px;
}


/***Menu Block Result***/

.error{
    background:#ffcccc;
    color:black;
}

.success{
    background:#009933;
}


/*sustituye al puto cufon que muestra fuente sin tildes.*/
.sf-menu li a.mains, .banner, h2, h3, h4, .button, .text-indent, .text-1{
    font-family: calibri;
    font-weight:normal; 
    color: gray;
}


/*Field set propios*/
.tituloForm { 
    display:block;
    width:100%;
    font-size:12px; 
    line-height:1.23em; 
    color:White; 
    padding:0px 0px 7px 0px;
    font-weight:bold;
    text-align:left;
}

.fieldadd{
    color: white;
    padding: 10px;
    background-color: whitesmoke;
    border: solid black;
    background: url(../images/bg-body.jpg) center 0 repeat #0e0e0e;

}
.fieldadd legend{
    color: black;
    padding: 10px;
    font-size: x-large;
    background-color: whitesmoke;
    border: solid black;

}
.fieldadd input{
    color:black;
}

.fieldmensajeserror{
    padding: 10px;
    background-color: grey;
    border: solid black;

}
.fieldmensajeserror legend{
    padding: 10px;
    background-color: whitesmoke;
    border: solid black;
}

.fieldmensajesok{
    padding: 10px;
    background-color: green;
    border: solid black;

}
.fieldmensajesok legend{
    padding: 10px;
    background-color: whitesmoke;
    border: solid black;
}

/*Fondos de colores para las celdas*/
.fondo1{
    background: #cccccc;
    color: Black;
    border: solid black;
}

.fondo2{
    background: yellow;
    color: black;

}
.fondo3{
    background: orange;
    color: Black;

}
.fondo4{
    background: purple;
    color: Black;

}

.urgente td{
    text-decoration: blink;
    color:red;
}

.formulario input{
    color:black;
    margin-bottom: 3px;
    margin-top: 3px;
    vertical-align: center;
    text-align:center
}
.formulario label{
    color:White;
    margin-left: 3px;
    margin-right: 3px;
    text-align:center
}
.recuadrorojo{
    background-color: #ff9999;
}

.recuadroverde{
    background-color:#99ff99;
}

.banner22 { position: relative; overflow: auto; }
.banner22 li { list-style: none; }
.banner22 ul li { float: left; }