@import url("../../reticulas/980-12-20/980_12_20.css");
/* IMPORT GRID
----------------------------------------------------------- */

/**
 * RETICULAS CSSFRAMEWORK - extended/reticulas.css
 *
 * @description     Modifies or extends the basic content
 *                  with classes or IDs.
 *
 * @copyright       Copyright (C) 2010, Sond3
 * @license         CC BY-NC-SA http://creativecommons.org/licenses/by-nc-sa/3.0/es/
 *                  http://creativecommons.org/licenses/by-nc-sa/3.0/es/legalcode.es
 *
 * @link            http://www.reticulas.com
 * @info            http://www.sond3.com
 *
 * @version         0.7.0
 */


 /* REDEFINE - COMMON
-----------------------------------------------------------------------------*/
a                 { color:#CC0000;}

address           { font-size:.99em; line-height:1.3em; color:#999999;}

p::selection      { background: #f5f5f5;}
p::-moz-selection { background: #f5f5f5;color:#000000;}

p strong::-moz-selection { background: #CC0000;color:#FFFFFF;}

ul                { padding:0; margin:0;}
ul li             { list-style-type:none;}

.page-wrapper     { border:none;}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('../fonts/ColabLig-webfont.eot');
	src: local('‚ò∫'),
            url('../fonts/ColabLig-webfont.woff') format('woff'),
            url('../fonts/ColabLig-webfont.ttf') format('truetype'),
            url('../fonts/ColabLig-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

.imageback { background-color:transparent;
             background-repeat:no-repeat;
             font-size:0px !important;
             margin:0;
             padding:0;
             border:none;
             display:block;
             overflow:hidden;

}
    .imageback a { width:100%;
                   height:100%;
                   display:block;
                   height:inherit;
                   text-decoration:none;
    }

/*ID - HEADER
-----------------------------------------------------------------------------*/
#header                   { width:auto;
                            
                            padding-bottom:0px;
                            margin-bottom:0px;
}
    #header h1            { margin:0;
                            padding:0;
                            letter-spacing:-100px;
    }
        #header h1#logo a { background-image: url(../img/logo_sond3_mediun.gif);
                            background-repeat:no-repeat;
	                    width: 237px;
	                    height: 71px;
                            margin-bottom:20px;
        }
        #header h1#logo a:hover  {background-position:0px -88px;}

    #header p             { font: 1.35em/1.15em 'ColaborateLightRegular', Arial, sans-serif;
                            color:#666666;
    }
        #header address a,
        #menulang ul li a,
        #work a.readmore,
        #project a.back,
        #footer a         { background-color:#000000;
                            color:#FFF;
                            padding:2px 6px 2px 6px;
                            margin:0px;
                            -moz-border-radius: 5px;
                            -webkit-border-radius: 5px;
                            border-radius: 5px; /* future proofing */
                            -khtml-border-radius: 5px; /* for old Konqueror browsers */
    }
        #header address a:hover,
        #menulang ul li a:hover,
        #work a:hover.readmore,
        #project a:hover.back,
        #footer a:hover   { background-color:#999999; text-decoration:none;}




/*ID - MENULANG
-----------------------------------------------------------------------------*/
#menulang                 { text-align:right;}
    #menulang ul          { margin-top:0px; font-size:0.8em; font-weight:bold;}
        #menulang ul li   { display:inline; color:#CCCCCC; margin-left:4px;}

/*ID - MAINCONTENT
-----------------------------------------------------------------------------*/
#maincontent              { width:auto; margin-top:10px;}

#description              { width:auto; border-bottom:1px dotted #CCC; padding-bottom:0px; margin-bottom:0px;}
#description div.module12 h2 { margin-bottom:0px;}/*zona de los tres puntos*/
    #description h2,
    #work h2, #project h2,
    #project h3,
    #maincontent h2       { font-family:'Georgia','Times New Roman',Times,Arial,Serif;
                            font-size:3.3em;
                            font-style:italic;
                            margin:0;
                            padding:0;
                            border-bottom:1px dotted #CCC;
                            margin-bottom:15px;
                            text-shadow: 2px 2px 2px #CCC;/*Just in headers*/
    }
    #description h2 a     { color:#000000; text-decoration:none;}
    #description h2 a:hover{ color:#999999;}
    #maincontent p        { color:#666666;}
    #maincontent h2       { font-size:2.2em; line-height:1.2em; padding-bottom:7px;}
    #description p        { font: 1.17em/1.19em 'ColaborateLightRegular', Arial, sans-serif; text-align:justify;}

/*listado de trabajos*/
#work                     { width:auto; margin-bottom:0px; padding-bottom:0;}
    #work h2              { margin-bottom:20px;}
    #work h3              { font-size:1.3em;
                            font-style:normal;
                            font-weight:bold;
                            color:#333333;
                            margin:0;
                            padding-bottom:5px;
    }
    #work h3 a            { color:#000000;}
    #work h3 a:hover      { color:#999999; text-decoration:none;}
    #work p               { color:#999999; line-height:1.20em; font-size:.9em;}
    #work div             { margin-bottom:30px;}
        #work div a img   { margin-bottom:5px;padding:5px;
                            border:1px solid #CCC;
                            /*box-shadow: 5px 5px 5px #ccc;
                           -moz-box-shadow: 1px 1px 1px #ccc;
                           -webkit-box-shadow: 5px 5px 5px #ccc;*/

        }
        #work div a:hover img {border:1px solid #999;
                               /*box-shadow: 5px 5px 5px #999;
                               -moz-box-shadow: 5px 5px 5px #999;
                               -webkit-box-shadow: 5px 5px 5px #999;*/
        }
        #work a.readmore  {background-color:#CCCCCC;}


/*Proyecto concreto*/
#project                  { width:auto; padding-top:20px;}
    #project h2,
    #project h3           { font-size:2.2em;line-height:1.2em; margin-top:10px; margin-bottom:5px;padding-bottom:5px;}
    #project h3           { font-size:1.5em; margin-top:30px;}
    #project p            { color:#999999; font:1.2em;}
    #project p.category   { margin:30px 0 0px 0;
                            background-image: url(../img/categories.gif);
                            background-repeat:no-repeat;
                            height:18px;
    }
    #project p.category span   { visibility:hidden;}

    #project p.grafico    { background-position:-1px -22px;}
    #project p.web        { background-position:-1px -65px;}
    #project p.multimedia { background-position:-1px -46px;}
    #project p.all        { background-position:-1px -1px;}

    #project img          { margin-bottom:20px; border:1px solid #CCCCCC; padding:10px; background-color:#FFF;}
    #project a.back       { padding:5px 10px 5px 10px; background-color:#CCCCCC;}

    #project div img      { box-shadow: 2px 2px 3px #ccc;
                           -moz-box-shadow: 2px 2px 3px #ccc;
                           -webkit-box-shadow: 2px 2px 3px #ccc;
    }

/*ID - FOOTER
-----------------------------------------------------------------------------*/
#footer                   { width:auto;
                            padding-top:15px;
                            padding-bottom:0;
                            margin-bottom:30px;
                            border-top:1px dotted #CCC;
                            border-bottom:1px dotted #CCC;
                            color:#333333;
                            font-size:.9em;
                            line-height:1.4em;
}
    #footer ul li          { margin-bottom:12.5px;}
        #footer ul li.twitter a{color:#000;background-color:#C0DEED;}
        #footer ul li.twitter a:hover{color:#FFF;background-color:#8EC1DA;}

        #footer ul li.rss a    {color:#FFF;background-color:#f18931;}
        #footer ul li.rss a:hover  {color:#FFF; background-color:#d9662a;}

.mapcontact                { width:940px; height:350px;margin:15px 0 15px 0;}





/*newsletters*/
p#msg                      { margin-bottom:9px;
                             margin-top:10px;
                             padding:0px 0 15px 0;
                             font-size:1.45em;
                             line-height:0;
                             border-bottom:1px dotted #CCCCCC;
                             color:#000000;
}
form.newsletter            { margin-top:20px; padding:8px 0 4px 0; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; color:#666666;}
form.newsletter legend     { font: 1.5em/1.19em 'ColaborateLightRegular', Arial, sans-serif; position:absolute; top:15px;}
form.newsletter label      { margin-right:10px;}
form.newsletter .text      { border:1px solid #CCCCCC; width:210px; padding:2px 2px 2px 2px; color:#999999;}


.newsbuttom                { background-image: url(../img/newsbuttom.gif);
                             width:25px;
                             height:25px;
                             position:relative;
                             top:-2px;
                             cursor:pointer;
}
.newsbuttom:hover          { background-position:0 -36px}

/*flash header*/
#flash_div                 { background-color:#F9F9F9;
                             z-index:-100;
                             width:100%;
                             height:238px;
                             position:absolute;
                             top:0;
                             left:0;
                             border-bottom:1px dotted #CCC;
}