#deco {
    display:inline;
    float:left;
    width:auto;
    margin-top:10px;
}

.deco-title {
    display:inline;
    float:left;
    position:relative;
    width:260px;
    height:25px;
}

.deco-art{
    display:inline;
    float:left;
    position:relative;
    width:400px;
    height:170px;
    margin-left:16px;
}

.deco-text{
    display:inline;
    float:left;
    position:relative;
    width:350px;
    height:230px;
    margin-left:15px;
    margin-right:15px;
    margin-top:40px;
    margin-bottom:20px;
    font-size:11px;
}

.deco-art-subtitle{
    display:inline;
    float:left;
    position:relative;
    width:400px;
    height:90px;
    margin-left:16px;
}

.deco-serv-separator {
    display:inline;
    float:left;
    position:relative;
    background-image: url(../resources/images/deco/serv_diseno/repservicios.jpg);
    background-repeat: repeat-x;
    width:436px;
    height:25px;
    margin-top:46px;
}

/* DECO-DISTINCTION */

/* cont_personal */

html>body #cont-title {
    background-image: url(../resources/images/deco/cont_personal/esccomentarios.png);
}

#contact {
    display:inline;
    float:left;
    padding-top:10px;
    width:410px;
    height:auto !important;
    height:400px;
}

.contact-title {
    display:inline;
    float:left;
    position:relative;
    width:260px;
    height:25px;
}

.contact .field {
    display:block;
    padding-left:25px;
    width:288px;
}

#cont-content{
    float:left;
    position:relative;
    width:398px;
    height:auto !important;
    height:320px;
    min-height: 320px;
    padding-left:29px;
    padding-top: 10px;
}

.contact .contact-label{
    font-size:12px;
    font-weight:bolder;
    color:#000000;
    font-family: arial,sans-serif,helvetica;
    text-align:left;
}

.contact .label-field{
    width: 50px;
}

.contact .contact-field {
    padding-bottom: 2px;
    width: 285px;
    background-image: url(../resources/images/deco/cont_personal/reptextbox.jpg);
    background-repeat: repeat-x;
    background-color:white;
    color: #000000;
    border: 1px solid #000000;
}

.contact .comment-label{
    vertical-align:top;
    padding-top: 27px;
}

.contact .comment-field {
    width:315px;
    height:120px;
    background-image: url(../resources/images/deco/cont_personal/esccuadrocomen.gif);
    background-repeat:no-repeat;
    padding-top: 3px;
    padding-left: 27px;
}

.contact #ccomment {
    height:109px;
    margin-bottom:6px;
    width:280px;
    font-family: arial,sans-serif,helvetica;
    font-size:14px;
    background-color:#FFFFFF;
    background-image: url(../resources/images/deco/cont_personal/reptextbox.jpg);
    background-repeat: repeat-x;
    border: none;
    border: hidden;
    overflow-y: auto;
    overflow-x: hidden;
}

.contact input.error {
    color:#FF0000;
    border: 1px solid #FF0000;
    text-align:left;
}

.contact #ccomment.error {
    color:#FF0000;
    text-align:left;
}

.contact label.error {
    display: inline-block;
    font-size:12px;
    font-weight:bolder;
    color:#FF0000;
    font-family: arial,sans-serif,helvetica;
    text-align:left;
}

#boton-enviar {
    display: inline;
    float:left;
    margin-left: 230px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#comment-loader {
    display: inline;
    float:left;
    margin-left: 185px;
    margin-top: 125px;
    margin-bottom: 0px;
}

#message {
    display:block;
    float: left;
    padding-left: 70px;
    padding-top: 70px;
    font-family: arial,sans-serif,helvetica;
    text-align:center;
    font-size:12px;
}

#message h2{
    font-size:16px;
}

html>body #mail-pic {
    display:inline;
    float: left;
    vertical-align: bottom;
    width:100px;
    height:100px;
    text-align:center;
    margin-left: 90px;
    background-image: url(../resources/images/deco/cont_personal/mail.png);
}

/* noso_empresa */

html>body #empresa-deco-title {
    background-image: url(../resources/images/deco/noso_empresa/empcosntruccion.png);
}

html>body #empresa-deco-art {
    background-image: url(../resources/images/deco/noso_empresa/emparte1.png);
}

html>body #empresa-deco-art-subtitle {
    background-image: url(../resources/images/deco/noso_empresa/emparte.png);
    background-repeat: no-repeat;
}

/* noso_historia */

html>body #historia-deco-title {
    background-image: url(../resources/images/deco/noso_historia/hisevolucion.png);
}

html>body #historia-deco-art {
    background-image: url(../resources/images/deco/noso_historia/hisarte1.png);
}

html>body #historia-deco-art-subtitle {
    background-image: url(../resources/images/deco/noso_historia/hisarte.png);
    background-repeat: no-repeat;
}

/* prod_aplicaciones */

html>body #prodaplicaciones-deco-title {
    background-image: url(../resources/images/deco/prod_aplicaciones/proapliherramientas.png);
}

/* prod_multimedia */

html>body #prodmultimedia-deco-title {
    background-image: url(../resources/images/deco/prod_multimedia/promulwallpapers.png);
}

html>body #prodmultimedia-deco-videostitle {
    background-image: url(../resources/images/deco/prod_multimedia/promulvideos.png);
}

html>body #prodmultimedia-deco-art {
    background-image: url(../resources/images/deco/prod_multimedia/serdisearte1.png);
}

html>body #prodmultimedia-deco-art-subtitle {
    background-image: url(../resources/images/deco/prod_multimedia/serdisearte.png);
    background-repeat: no-repeat;
}

/* prod_multimedia -> wallpapers y videos */

div.media {
    position:relative;
    display: block;
    float:left;
    height:auto;
    width:426px;
    padding-top:30px;
    padding-left:5px;
    padding-right:5px;
}

.media-list {
    background: transparent;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

.media-list li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.media-list li.wallpaper {
    height:127px;
}

.video-subtitle{
    display: block;
    font-family: arial,sans-serif,helvetica;
    text-align: left;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align:bottom;
    font-size:11px;
    color:#000000;
}

.resolution {
    display: block;
    font-family: arial,sans-serif,helvetica;
    text-align: center;
    border: 0 none;
    margin: 0;
    padding: 0;
    vertical-align:bottom;
    font-size:11px;
    text-decoration: none;
    color:#000000;
}

.media-list li img {
    border: 1px solid #000000;
    margin-bottom: 2px;
    background-image: url(../resources/images/lytebox/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
}

.resolution:hover {
    text-decoration: underline;
}

/* serv_aplicaciones */

html>body #servaplicaciones-deco-title {
    background-image: url(../resources/images/deco/serv_aplicaciones/seraplicodificacion.png);
}

html>body #servaplicaciones-deco-art {
    background-image: url(../resources/images/deco/serv_aplicaciones/serapliarte1.png);
}

html>body #servaplicaciones-deco-art-subtitle {
    background-image: url(../resources/images/deco/serv_aplicaciones/serapliarte.png);
    background-repeat: no-repeat;
}

/* serv_diseno */

html>body #servdiseno-deco-title {
    background-image: url(../resources/images/deco/serv_diseno/serdisecomunicacion.png);
}

html>body #servdiseno-deco-art {
    background-image: url(../resources/images/deco/serv_diseno/serdisearte1.png);
}

html>body #servdiseno-deco-art-subtitle {
    background-image: url(../resources/images/deco/serv_diseno/serdisearte.png);
    background-repeat: no-repeat;
}

/* serv_diseno -> disenos recientes */

#servdiseno-thumbnail-container {
    display:inline;
    float:left;
    position:relative;
    width:398px;
    /*height:160px;*/
    height:auto !important;
    min-height:160px;
    padding-left:18px;
    padding-right:20px;
    padding-top:29px;
}

#servdiseno-list {
    background: transparent;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
}

#servdiseno-list li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    padding-bottom: 25px;
    padding-left: 8px;
    padding-right: 8px;
}

#servdiseno-list li img {
    border: 1px solid #000000;
    margin-bottom: 2px;
    background-image: url(../resources/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

/* serv_redes */

html>body #servredes-deco-title {
    background-image: url(../resources/images/deco/serv_redes/serredtransmision.png);
}

html>body #servredes-deco-art {
    background-image: url(../resources/images/deco/serv_redes/serredarte1.png);
}

html>body #servredes-deco-art-subtitle {
    background-image: url(../resources/images/deco/serv_redes/serredarte.png);
    background-repeat: no-repeat;
}

/* serv_soporte */

html>body #servsoporte-deco-title {
    background-image: url(../resources/images/deco/serv_soporte/sersporinspeccion.png);
}

html>body #servsoporte-deco-art {
    background-image: url(../resources/images/deco/serv_soporte/sersporarte1.png);
}

html>body #servsoporte-deco-art-subtitle {
    background-image: url(../resources/images/deco/serv_soporte/sersporarte.png);
    background-repeat: no-repeat;
}

/* serv_web */

html>body #servweb-deco-title {
    background-image: url(../resources/images/deco/serv_web/serwebinteraccion.png);
}

html>body #servweb-deco-art {
    background-image: url(../resources/images/deco/serv_web/serwebarte1.png);
}

html>body #servweb-deco-art-subtitle {
    background-image: url(../resources/images/deco/serv_web/serwebarte.png);
    background-repeat: no-repeat;
}

#servweb-thumbnail-container {
    float:left;
    position:relative;
    width:100%;
    margin: 7px 0 0 0;
}

.servweb-deco-thumbnail {
    border-top:1px solid #000000;
    height:92px;
}

a.servweb-link-thumbnail {
    float:left;
    position:relative;
    text-decoration:none;
    border: 0 none;
    margin: 0 0 0 10px;
}
a.servweb-link-thumbnail img{
    border: 0 none;
    background-image: url(../resources/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
}

 /* noticias */

html>body #news-deco-title {
    background-image: url(../resources/images/deco/noticias/notnoticias.png);
}

.news-deco-text {
    display:inline;
    float:left;
    position:relative;
    width:350px;
    height:300px;
    margin: 0px 0px 20px 0px;
    font-size:11px;
    border-top:1px solid #000000;
    padding:0px 15px 0px 15px;
}

#first-new-deco-text {
    border-top:0px;
    margin-top: 12px;
}

.news-deco-text p{
    margin-top:40px;
}