/* 
    Created on : 22-abr-2013, 9:08:23
    Author     : Marcos
    Description:  
*/

@charset "utf-8";
/******************************************
*******************************************
    COLORES:     
    
    - Verde menú : #B5BE23
    - Gris body  : #C4C1BA 
    
*******************************************
*******************************************/
/* Reseteamos los tags HTML y HTML5  */ 
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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
root {display: block;}
.limpia{width:100%;clear:both;}
/*----------------------------------------------------------------------------*/
body,html{
    /*background: url('img/map.png') no-repeat 50% 50%,radial-gradient(80% 50%,#FFF, #C4C1BA) repeat scroll 0 0 transparent;
    background: url('img/map.png') no-repeat 50% 50%,-moz-radial-gradient(80% 50%,#FFF, #C4C1BA) repeat scroll 0 0 transparent;
    background: url('img/map.png') no-repeat 50% 50%,-o-radial-gradient(80% 50%,#FFF, #C4C1BA) repeat scroll 0 0 transparent;
    background: url('img/map.png') no-repeat 50% 50%,-webkit-radial-gradient(80% 50%,#FFF, #C4C1BA) repeat scroll 0 0 transparent;
    background: url('img/map.png') no-repeat 50% 50%,-ms-radial-gradient(80% 50%,#FFF, #C4C1BA) repeat scroll 0 0 transparent;
    behavior: url(js/pie/PIE.htc);*/
    
    /*background: rgb(255,255,255);    
    background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%, rgba(196,193,186,1) 83%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(35%,rgba(255,255,255,1)), color-stop(83%,rgba(196,193,186,1)));
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%); 
    background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 35%,rgba(196,193,186,1) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c1ba',GradientType=1 );
    background-attachment: fixed;*/
    width:100%;
    height:100%;
    overflow: hidden;
    color:#FFF;
}

.cabecera{
    display:none;
    position:fixed;
    width:100%;
    height:10px;
    top:0;
    left:0;
    background:#000;
}

.contenido{
    display: none;
    position:absolute;
    width:600px;
    min-height:400px;
    height: auto;
    top:50%;
    left: 50%;
    margin: -200px 0 0 -300px; 
    background: url('img/cuerpo.png') repeat;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior: url(js/pie/PIE.htc);
}

.logo{
    width:534px;
    height:112px;
    margin: 10px auto;
    text-align: center;
}

.separa{
    width:300px;
    height:3px;
    background:#B5BE23;
    margin:25px auto 40px auto;
}
.info{
    width: 100%;
    height:auto;
    color:#808518;
    font-family: 'Questrial', sans-serif;
    font-size:16pt;
}
.info strong{
    font-weight: 600;
}
.nombre-empresa{
    width:100%;
    height:auto;
    text-align: center;
    margin: 10px 0 10px 0;
}
.direccion{
    width:45%;
    margin: 0 4% 0 1%;
    height:auto;
    float:left;
    text-align: right;
}
.desarrollo{
    width:50%;
    height:auto;
    float:right;
    text-align: center;
}
.navegadores{
    width:100%;
    height:auto;
    font-size: 10pt;
    margin: 10px 0 10px 0;
    font-family: 'Questrial', sans-serif;
}
.pie{
    position:fixed;
    bottom: 0;
    left:0;
    width:100%;
    height: 40px;
    background:#000;
    text-align: center;
}

/* MEDIA PARA PANTALLAS DE 1024 Y 1280 / MOVILES / TABLETS */
@media screen and (max-width:1280px){}
@media screen and (max-width:1024px){}
@media screen and (max-width:800px){}
@media screen and (max-width:768px){}
@media screen and (max-width: 685px){}
@media screen and (max-width: 600px){}
@media screen and (max-width: 568px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 380px){}
@media screen and (max-width: 320px){}
@media screen and (max-width: 240px){}