@font-face {
    font-family: Befrisky;
    src: url('../BEFRISKY.TTF' ) format("truetype");
}

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background: url('../images/bg02.jpg') no-repeat 0 top fixed;
    text-shadow: 2px 2px 3px #000;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}



div#sidebar { -webkit-box-shadow: 0 3px 10px #000; -moz-box-shadow: 0 3px 10px #000; box-shadow: 0 3px 10px #000; }

div#sidebar { width: 250px; padding: 20px 0 0 0; z-index: 100; left: 0; background: #1f1f1f; border: 1px solid #000; }
div#logo { width: 190px; height: 86px; margin: 20px auto 0 auto; }
ul#sidemenu { float: left; margin: 30px 0 10px 0; width: 250px; border-top: 1px solid #2f2f2f; border-bottom: 1px solid #0f0f0f; }
ul#sidemenu li { padding: 16px 0 16px 40px; width: 210px; border-bottom: 1px solid #2f2f2f; border-top: 1px solid #0f0f0f; float: left; }
ul#sidemenu li.active { padding: 16px 0 16px 36px; background: #111; border-top: 1px solid #000; border-left: 4px solid #da251d; }
ul#sidemenu li span { height: 4px; width: 4px; float: left; margin: 5px 15px 0 0; border: 1px solid #000; background: #555; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
ul#sidemenu li.active a, ul#sidemenu li a:hover { color: #fff; }
ul#sidemenu li a { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; color: #fff; text-decoration: none; float: left; display: block; cursor: pointer; text-shadow: 2px 2px 3px #000; }
ul#contact-box { width: 190px; margin: 40px auto 0 auto; }
ul#contact-box li { margin: 4px 0; float: left; height: 20px; }
ul#contact-box li#address, ul#contact-box li#address2, ul#contact-box li#phone { height: 40px; }
ul#contact-box li span { font-size: 11px; color: #CCC; padding: 3px 0; line-height: 135%; width: 158px; float: right; }
ul#contact-box li span.icon { padding: 0; height: 20px; width: 20px; float: left; margin: 0 12px 0 0; }
ul#contact-box li#address span.icon, ul#contact-box li#address2 span.icon { background: url("../images/address20.png"); }
ul#contact-box li#phone span.icon { background: url("../images/phone20.png"); }
ul#contact-box li#mail span.icon { background: url("../images/mail20.png"); }

div#idioma { margin: 40px auto 40px auto; width: 180px; }
div#idioma span { font-size: 12px; color: #fff; float: left; padding: 10px 0 0 0; margin: 0 5px 0 0; }
div#idioma a { float: left; margin: 0 0 0 8px; width: 30px; height: 30px; }

div#pide-presupuesto, div#te-llamamos { width: 196px; padding: 8px; margin: 20px auto; background: #da251d; border: 1px solid #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
div#pide-presupuesto:hover, div#pide-presupuesto.active, div#te-llamamos:hover, div#te-llamamos.active {-webkit-box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; }
span.side-button { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; height: 20px; font-size: 16px; color: #fff; cursor: pointer; display: block; padding: 4px 0 0 28px; text-shadow: 0 0 0; webkit-text-shadow: 0 0 0; -moz-text-shadow: 0 0 0; }
div#pide-presupuesto span.side-button { background: url('../images/presupuesto.png') no-repeat left; }
div#te-llamamos span.side-button { background: url('../images/te-llamamos.png') no-repeat left; }
div#sidebar div form { margin: 4px 0 0 0; float: left; display: none; }
div#sidebar div form label { display: block; color: #fff; font-size: 12px; margin: 8px 0 4px 0; text-shadow: 0 0 0; webkit-text-shadow: 0 0 0; -moz-text-shadow: 0 0 0; }
div#sidebar div form input { display: block; color: #000; }
div#sidebar div form input[type="text"] { float: left; width: 182px; border: 1px solid #000; height: 20px; color: #000; padding: 4px 6px; margin: 4px 0 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div#sidebar div form textarea { width: 182px; border: 1px solid #333; height: 80px; color: #000; padding: 6px; margin: 4px 0 10px 0; font-family: Calibri, Verdana, Ariel, sans-serif; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div#sidebar div form input[type="text"]:focus, div#sidebar div form textarea:focus { outline: none; }
div#sidebar div form input[type="submit"] {  }
div#sidebar div form textarea, div#sidebar div form input[type="text"] {
    background: white;
    background: -moz-linear-gradient(top, white 25%, #DDD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,white), color-stop(100%,#DDD));
    background: -webkit-linear-gradient(top, white 25%,#DDD 100%);
    background: -o-linear-gradient(top, white 25%,#DDD 100%);
    background: -ms-linear-gradient(top, white 25%,#DDD 100%);
    background: linear-gradient(top, white 25%,#DDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

div#content { position: relative; left: 272px; top: 20px; font-size: 16px; color: #000; margin: 0 0 30px 0; width: auto; }
div#content div.central { padding: 10px; position: relative; }
div#content h1, div#content h2 { color: #da251d; }
div#content h2 { font-size: 14px; padding: 0 0 6px 0; margin: 0 0 15px 0; border-bottom: 1px solid #e4e4e4; }
div#content p { line-height: 20px; margin: 10px 0; }

div#content.inicio div.box { float: left; position: relative; padding: 25px; width: 650px; margin: 0 20px 20px 0; background: url("../images/bg-box-active.png") repeat; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
div#content.inicio div.box div.title { margin: 0 0 20px 0; }
div#content.inicio div.box div.title h1 { color: #fff; font-size: 28px; line-height: 140%; margin: 0 0 5px 0; }
div#content.inicio div.box div.title img { border: 0; margin: 0 0 10px 0; }
div#content.inicio div.box div.bar { height: 2px; border-top: 1px solid #555; width: 650px; margin: 25px 0 0 0; }
div#content.inicio div.box div#home-slider { border: 1px solid #333; position: relative; width: 320px; height: 180px; float: left; margin: 0 25px 0 0; overflow: hidden; }
div#content.inicio div.box div#home-slider img { width: 320px; height: 180px; margin: 0; border: none; }
div#content.inicio div.box p { font-size: 14px; margin: 20px 0 0 0; color: #BBB; }
div#content.inicio div.box p.big { position: absolute; width: 500px; right: 0; top: 50px; padding: 20px; background: url("../images/bg-box-active.png") repeat; font-size: 22px; line-height: 130%; color: #da251d; }
div#content.inicio div.box img { float: left; margin: 0 20px 0 0; border: 1px solid #666; }
div#content.inicio div.box p.red { font-size: 20px; margin: 18px 0 0 0; display: block; line-height: 140%; }
div#content.inicio div.box span.white { color: #fff; }
div#content.inicio div.box div.footer { width: 650px; margin: 25px 0 0 0; }
div#content.inicio div.box div.footer p { width: 190px; float: left; margin: 0 40px 0 0; }
div#content.inicio div.box div.footer p:last-child { margin: 0; }

div#content.servicios div.box { float: left; padding: 20px; width: 350px; margin: 0 20px 20px 0; background: url("../images/bg-box-active.png") repeat; cursor: pointer; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
div#content.servicios div.box.active { cursor: default; background: url("../images/bg-box-active02.png") repeat; }
div#content.servicios div.box h3 { font-size: 16px; margin: 14px 0 0 0; color: #fff; }
div#content.servicios div.box img { height: 199px; width: 349px; border: 1px solid #333; }
div#content.servicios div.box:hover h3, div#content.servicios div.box.active h3 { color: #fff; }
div#content.servicios div.box div.descripcion { display: none; margin: 4px 0 0 0; }
div#content.servicios div.box div.descripcion p, div#content.servicios div.box div.descripcion ul { font-size: 14px; margin: 12px 0 0 0; color: #BBB; line-height: 20px; }
div#content.servicios div.box div.descripcion ul.comunidades-lista { list-style-type: disc; list-style-position: inside; margin: 12px 0 0 12px; }
div#content.servicios div.box div.descripcion ul.comunidades-lista li { margin: 6px 0;  }
div#content.servicios div.box div.descripcion ul.comunidades-lista li:last-child { margin: 0; }
div#content.servicios div.box div.descripcion ul.thumbs { margin: 20px 0 0 0; }
div#content.servicios div.box div.descripcion ul.thumbs li { float: left; opacity: 0.65; cursor: pointer; width: 78px; height: 78px; display: inline-block; border: 1px solid #000; margin: 0 10px 10px 0; }
div#content.servicios div.box div.descripcion ul.thumbs li img { width: 78px; height: 78px; border: none; }
div#content.servicios div.box div.descripcion ul.thumbs li.right { margin: 0 0 10px 0; }
div#content.servicios div.box div.descripcion ul.thumbs li.bottom { margin: 0 10px 0 0; }
div#content.servicios div.box div.descripcion ul.thumbs li.right.bottom { margin: 0; }
div#content.servicios div.box div.descripcion ul.thumbs li:hover { opacity: 1; }

div#content.ite div.box { float: left; padding: 25px; width: 650px; margin: 0 20px 20px 0; background: url("../images/bg-box-active.png") repeat; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
div#content.ite div.box h3 { font-size: 24px; margin: 0 0 18px 0; color: #fff; }
div#content.ite div.box p { font-size: 14px; margin: 12px 0 0 0; color: #BBB; }

div#content.contacto div.box { float: left; padding: 25px; width: 650px; margin: 0 20px 20px 0; background: url("../images/bg-box-active.png") repeat; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
div#content.contacto iframe { margin: 0 0 20px 0; }
div#content.contacto div.box h3 { font-size: 18px; margin: 0 0 4px 0; color: #fff; }
div#content.contacto div.box p { font-size: 14px; margin: 8px 0 0 0; color: #BBB; float: left; }
div#content.contacto div.box div { width: 300px; }
div#content.contacto div.box div.left { float: left; }
div#content.contacto div.box div.right { float: right; }
div#content.contacto div ul.contact-items { margin: 20px 0 0 10px; }
div#content.contacto div ul.contact-items li { margin: 4px 0; float: left; height: 20px; width: 300px; line-height: 135%; font-size: 12px; color: #fff; }
div#content.contacto div ul.contact-items li.address, div#content.contacto div ul.contact-items li.phone { height: 40px; }
div#content.contacto div ul.contact-items li span.icon { padding: 0; height: 20px; width: 20px; float: left; margin: 0 12px 0 0; }
div#content.contacto div ul.contact-items li.address span.icon { background: url("../images/address20.png"); }
div#content.contacto div ul.contact-items li.phone span.icon { background: url("../images/phone20.png"); }
div#content.contacto div ul.contact-items li.mail span.icon { background: url("../images/mail20.png"); }
div#content.contacto div form { margin: 4px 0 0 0; float: left; }
div#content.contacto div form label { display: block; color: #BBB; font-size: 14px; margin: 8px 0 4px 0; }
div#content.contacto div form input { display: block; color: #000; }
div#content.contacto div form input[type="text"] { float: left; width: 286px; border: 1px solid #000; height: 20px; color: #000; padding: 4px 6px; margin: 4px 0 10px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div#content.contacto div form textarea { width: 286px; border: 1px solid #000; height: 80px; color: #000; padding: 6px; margin: 4px 0 10px 0; font-family: Calibri, Verdana, Ariel, sans-serif; resize: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
div#content.contacto div form input[type="text"]:focus, div#content.contacto div form textarea:focus { outline: none; }
div#content.contacto div form input[type="submit"] {  }
div#content.contacto div form textarea, div#content.contacto div form input[type="text"] {
    background: white;
    background: -moz-linear-gradient(top, white 25%, #DDD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,white), color-stop(100%,#DDD));
    background: -webkit-linear-gradient(top, white 25%,#DDD 100%);
    background: -o-linear-gradient(top, white 25%,#DDD 100%);
    background: -ms-linear-gradient(top, white 25%,#DDD 100%);
    background: linear-gradient(top, white 25%,#DDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
}

span.logo-pequeno { font-family: Befrisky, Ariel, sans-serif; font-size: 16px; color: #fff; }
span.logo-pequeno span.int { color: #da251d; font-size: 24px; }

.opacity70 {
	/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
    zoom: 1;

	/* Theoretically for IE 8 & 9 (more valid) */
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5;
}

.clear { height: 0; clear: both; }

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}