/*-------- Default Style --------*/
body, th, td, div, p, table, h1, h2, h3, h4, h5, h6, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover, input, .CommandButton
{
    font-family: Arial;
}
body, th, td, div, p, table, .Normal, .NormalDisabled, .Head, .SubHead, .SubSubHead, a:link, a:visited, a:hover
{
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6
{
    color: #375162;
}
h1, h3, h5, h1 input
{
    font-weight: bold;
}
h2, h4, h6
{
    font-weight: normal;
}
h1, h2, h1 input
{
    font-size: 14px;
    margin: 10px 0;
}
h3, h4
{
    font-size: 12px;
    margin: 8px 0;
}
h5, h6
{
    font-size: 10px;
    margin: 6px 0;
}


a, a:link, a:visited, a:active
{
    color: #3E81B5;
    text-decoration: none;
    font-weight: normal;
}
a:hover
{
    color: #D00;
    text-decoration: underline;
}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    font-family: Arial;
}
.Head
{
    color: #2E3D47;
    font-weight: bold;
}
.SubHead
{
    color: #4C6171;
}
.SubSubHead
{
    color: #6E8AA0;
}
.NormalRed
{
    color: #F00;
}


/*Datagrids */
.DataGrid_Container
{
    margin-top: 15px;
}
.DataGrid_Header
{
    font-weight: bold;
}
.DataGrid_Header td, .NormalBold td
{
    font-weight: bold;
}

.SubHead input,.SubHead textarea
{
    font-size: 16px;
    padding:2px;
}

.SubHead label
{
    padding-left: 2px;
    padding-right: 5px;
}

.SubHead a
{
    display: none;
}


.SubHead
{
    font-size: 13px;
    font-weight: normal;
}

td.SubHead
{
    padding-bottom: 9px;
}

.Settings
{
    width: 680px !important;
}
.Settings td
{
    padding: 3px;
}



html
{
    min-height: 100%;
    margin-bottom: 1px;
    font-size: 100.01%;
}

body
{
    color: #0F0F0F;
    background: #F5F5F5 url('images/template/background.jpg') repeat-x;
    font-family: Arial;
    font-size: 14px;
}








/* RE-SETS 
------------------------------------------- */
*
{
    margin: 0;
    padding: 0;
}

/* Elementos
------------------------------------------- */

h3
{
    color: #959595;
    font-size: 15px;
}


/* Contenedores Master Page
------------------------------------------- */

#canvas
{
    width: 1000px;
    margin: 0 auto;
}

/* Headers (imágenes que van en cada sección)
------------------------------------------- */

.header-home
{
    background-image: url("images/template/back-header-home.jpg");
    height: 452px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.header-nuestro
{
    background-image: url("images/template/back-header-nuestro.jpg");
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    height: 403px;
}

.header-contactenos
{
    background-image: url("images/template/back-header-contactenos.jpg");
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    height: 403px;
}

.header-portafolio
{
    background-image: url("images/template/back-header-portafolio.jpg");
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    height: 403px;
}



/* Logo doctus
------------------------------------------- */
#logoHeader
{
    position: absolute;
    top: 30px;
    left: 30px;
}

/* Menú principal
------------------------------------------- */
#menu
{
    position: absolute;
    top: 60px;
    left: 340px;
}

#menu ul
{
    list-style: none;
    text-decoration: none;
}

#menu ul li
{
    float: left;
    list-style: none;
}

#menu ul li img
{
    border: none;
}

#menu ul li.clear
{
    height: 0;
    width: 0;
    overflow: hidden;
    clear: both;
}


/* Contenido
------------------------------------------- */
#content
{
    background-image: url("images/template/background-content.jpg");
    background-position: center;
    background-repeat: repeat-y;
    padding: 0 60px;
    padding-top: 10px;
    width: 680px;
    margin: 0 auto;
}

/* Footer
------------------------------------------- */
#footer
{
    background-image: url('images/template/background-footer.jpg');
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 0 60px;
    padding-top: 10px;
    height: 60px;
    width: 680px;
    margin: 0 auto;
    text-align: right;
}



/* Trabajo
------------------------------------------- */

.trabajo
{
    margin-bottom: 10px;
}
.trabajo img
{
    float: left;
    display: block;
    width: 90px;
    padding: 0 5px;
}

.Normal .trabajo .trabajo-info 
{
    margin-left: 120px;
    color: #888;
    text-align: justify;
    padding-right: 8px;
}

.Normal .trabajo .trabajo-info h2
{
    font-size: 16px !important; 
}

.Normal .trabajo .trabajo-info p
{
    font-size: 14px !important;
}

.trabajo-info h2
{
    color: #0071ba;
    margin-bottom: 8px;
}


/* h2
------------------------------------------- */


.h2Home
{
    position:relative;
    color:  #C2DA20;
    font-size:25px;  
    font-weight:bold;
     position:relative;
   
}

.h2Trabajo 
{
    position:relative;
    color:  #EEC120;
    font-size:25px;  
    font-weight:bold;
     position:relative;
    top:-18px;
}

.h2Portafolio
{
    position:relative;
    color:  #2B7AC7;
    font-size:25px;  
    font-weight:bold;
   
    
} 



/* Trabajo detalles
------------------------------------------- */

.ImagePane
{
    width: 320px;
    float: right;
}




#previewContainer
{
}

#previewContainer img
{
    width: 320px;
}


#textPreviewContainer
{
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    letter-spacing: 2px;
    padding-top: 3px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #BBB;
}

#thumbsPreviewContainer
{
    text-align: right;
}

#thumbsPreviewContainer img
{
    width: 60px;
    cursor: pointer;
}


.LeftPane
{
    width: 340px;
    float: left;
    color: #777;
}

.LeftPane h2
{
    color: #555;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.LeftPane h2 strong
{
    font-weight: bold;
    color: #000;
    letter-spacing: normal;
}


.LeftPane h3
{
    color: #555;
    font-size: 12px;
    margin-bottom: 10px;
}
.LeftPane h3 strong
{
    font-size: 13px;
    color: #000;
    font-weight: normal;
    letter-spacing: normal;
}


.LeftPane h4
{
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.introduccion-proyecto
{
    color: #444;
    font-size: 11px;
    margin-bottom: 23px;
    line-height: 11px;
    text-align:justify;
}

.descripcion-proyecto
{
    color: #444;
    font-size: 13px;
    line-height: 15px;
    text-align:justify;
}



/* clases
------------------------------------------- */
.clear
{
    height: 0;
    overflow: hidden;
    clear: both;
}

.DNNEmptyPane
{
    display: none;
}


.separador
{
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    margin-bottom: 25px;
    margin-top: 15px;
}




/* ejemplos
------------------------------------------- */
.ejemplos
{
    padding-top: 30px;
    padding-left: 10px;
}

.ejemplos ul li
{
    display: block;
    float: left;
}


.ejemplos ul li a
{
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 200px;
    text-indent: -9999px;
    width: 200px;
    margin: 0;
    padding: 0 10px;
}




/* Casos de exitos
------------------------------------------- */
.contreebute a
{
    background-image: url('images/ejemplos/proyecto-cotreebute.jpg');
}
.codiscos a
{
    background-image: url('images/ejemplos/proyecto-codiscos.jpg');
}
.viviendas a
{
    background-image: url('images/ejemplos/proyecto-viviendas.jpg');
}
.tinvito a
{
    background-image: url('images/ejemplos/proyecto-tinvito.jpg');
}
.minichips a
{
    background-image: url('images/ejemplos/proyecto-minichips.jpg');
}
.orecom a
{
    background-image: url('images/ejemplos/proyecto-orecom.jpg');
}


/* Casos de exitos
------------------------------------------- */
.table-boton-volver
{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.table-boton-volver img
{
    width: 16px;
}
.table-boton-volver a
{
    text-transform: uppercase;
    color: #0071BA;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    text-decoration: underline;
}



/* Portafolio
------------------------------------------- */
.portafolio-content h2
{
    color:#2B7AC7;
    font-size:25px;
    font-weight:bold;
    letter-spacing:-0.5px;
}



/* Contactenos
------------------------------------------- */
#dnn_ctr402_Feedback_pnlFeedbackFormFields
{
    width: 305px;
}


#dnn_ctr402_Feedback_pnlFeedbackFormFields .CommandButton
{
    font-size: 20px;
    color: #9A1CC5;
}

#dnn_ctr402_Feedback_lblMessage
{
    text-align: center;
    color:#9A18C3 !important;
    font-size:17px;
}


/* Clases
------------------------------------------- */
.NormalRed
{
    font-size:11px;
    color: #800 !important;
    font-weight:normal;
}



.ContactenosLeft
{
    float:left;
    width: 310px;
}

.ContactenosRight
{
    float:right;
    width: 330px;
    
}

.ContactenosRight p
{
    font-size:15px;
    padding-bottom:10px;   
}

.ContactenosRight h2
{
    position:relative;
    top:-10px;
    left:-15px;
    color:  #9a18c3;
    font-size:25px;  
    font-weight:bold;
}

.ContactenosRight a
{
    font-size:16px;    
}

.tabla-logos
{
    margin:0 auto;
    font-size:14px;
}
.Normal .tabla-logos td
{
    font-size:17px !important;
    color:#555;
    padding-left:10px;
    padding-right:10px;
}