﻿.body
{
    margin: 0px;
}

.Panel1
{
    color: #e7ddca;
}

.FrontMenu
{
    padding: 0px 0px 0px 0px;
    border: none;
}

.NoProy
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-left: 5px;
}

.FrontMenu .Bar
{
    float: right;
    margin-right: 60px;
    height: 25px;
}

.FrontMenu .Bar a
{
    color: #e7ddca;
    font-family: Arial, Verdana;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

.FrontMenu .Bar span.item
{
    line-height: 25px;
    float: left;
    position: relative;
    display: inline;
    cursor: pointer;
    width: 100px;
    text-align: center;
}

#PieFoto
{
    background-color: #f2efed;
}

#NumeroPiePagina
{
    margin-top: 8px;
    font-family: Arial;
    font-size: 11px;
    color: #808080;
}
/* We have to handle hover with jQuery because :hover makes IE6 crash. */
.FrontMenu .Bar a.hover span
{
    height: 20px;
    display: block;
}

.FrontMenu .Bar span.sel a:hover
{
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}
.FrontMenu .Bar span.sel a:hover span
{
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}

.FrontMenu .Bar span.sel
{
    height: 20px;
    background-color: #FA9E15;
}

.FrontMenu .Bar span.item .spike, .FrontMenu .Bar span.sel .spike
{
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 17px;
    z-index: 9999;
}

.FrontMenu .Bar span.sel .spike
{
    display: block;
}

.FrontMenu .Bar span.sel .right
{
    position: absolute;
    height: 20px;
    width: 0px;
    right: 0px;
    top: 0px;
}

.FrontMenu .Bar span.sel a
{
    color: White;
}

.FrontMenu div.Panel
{
    width: 950px;
    margin-top: 0px;
}

.FrontMenu div.Panel div.item
{
    float: left;
    width: 950px;
}

.styleTituloAbajo
{
    border-width: 10px;
    text-align: left;
    bottom: 0px;
    font-family: Arial, Verdana;
    color: #FA9E15;
    font-size: 7pt;
    font-weight: bold;
    vertical-align: top;
}
.styleTextoAbajo
{
    text-align: left;
    font-family: Arial, Verdana;
    color: #6b6152;
    font-size: 7pt;
    vertical-align: top;
}

.styleTextoBotones
{
    text-align: right;
    font-family: Arial, Verdana;
    color: #6b6152;
    font-size: 8pt;
}

.textoIdioma
{
    border-style: none;
    border-width: thick;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #be0f34;
    top: 0px;
    cursor: pointer;
}

.BordeSombreado
{
    padding: 0px;
    margin: 0px auto 0px auto;
    width: 980px;
    height: auto;
    background-image: url('../../Imagenes/Sombra.jpg');
    background-repeat: repeat-y;
    background-position: top;
    top: 0px;
}

.TablaIdioma
{
    width: 950px;
    font-family: Arial, Verdana;
    text-align: right;
}

#jquery-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img
{
    border: none;
}

#lightbox-container-image-box
{
    position: relative;
    background-color: #be0f34;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image
{
    padding: 10px;
}
#lightbox-loading
{
    position: relative;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav
{
    left: 0;
}
#lightbox-nav a
{
    outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev
{
    left: 0;
    float: left;
}

#lightbox-nav-btnNext
{
    right: 0;
    float: right;
}

#lightbox-container-image-data
{
    padding: 0 10px 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details
{
    width: 100%;
    text-align: left;
}

#lightbox-image-details-caption
{
    font-weight: lighter;
}

#lightbox-image-details-currentNumber
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose
{
    float: right;
    padding-bottom: 0.7em;
}

/*galeria*/
/*fondo galeria*/

#gallery
{
    background-color: #FFFFFF;
    width: 600px;
    height: 280px;
    margin-top: 20px;
}

#gallery ul
{
    list-style: none;
}

#gallery ul li
{
    display: inline;
}

#gallery ul img
{
    border: 5px solid #FFFFFF;
    border-width: 5px 5px 5px;
}

#gallery ul a:hover img
{
    border: 5px solid #F2EFED;
    color: #F2EFED;
}

#gallery ul a:hover
{
    color: #fff;
}

/* paginado */
.nPagina
{
    font-family: Arial, Verdana;
    font-size: 10px;
    background-color: #BE0F34;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    padding: 2 5 2 5;
}

.NumerosPagina
{
    font-family: Arial, Verdana;
    font-size: 10px;
    cursor: pointer;
    text-transform: none;
    text-decoration: none;
    text-align: left;
}

#rectangulo
{
    background: #FFFFFF;
    font-family: Arial, Verdana;
    text-align: left;
}

#texto
{
    font-family: Arial, Verdana;
    font-size: 12px;
}

#contenedorTarjetas
{
    position: relative;
    margin-right: 20px;
}

# Imagen
{
    padding: 0px;
    margin-top: 0px;
}

#imagenInf
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.rectanguloIzquierdo
{
    background: #E7ddCa;
    font-family: Arial, Verdana;
    text-align: left;
    width: 215px;
    height: 350px;
    float: left;
}

.rectanguloIzquierdoProd
{
    background: #E7ddCa;
    font-family: Arial, Verdana;
    text-align: left;
    width: 215px;
    height: 350px;
    float: left;
    overflow: auto; /*         scrollbar-face-color: #f2efed;     scrollbar-highlight-color: #cacaca;     scrollbar-3dlight-color: #cacaca;     scrollbar-darkshadow-color: #cacaca;     scrollbar-shadow-color: #cacaca;     scrollbar-arrow-color: #be0f34;     scrollbar-track-color: #cacaca; */
}

.divTextoSeleccionarProyecto
{
    font-family: Arial, Verdana;
    text-align: left;
    font-size: 10px;
    margin-left: 6px;
}

*html .divTextoSeleccionarProyecto
{
    margin-top: -3px;
}

.divVerMapaGoogle
{
    float: right;
}

.Titulo
{
    font-family: Arial, Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #be0f34;
    text-align: left;
    float: left;
    margin-left: 10px;
}

.divPrueba
{
    float: left;
}


.ContenedorProducto
{
    height: 80px;
    width: 195px;
    margin-bottom: 7px;
}
/***foto izquierda****/
.Foto
{
    margin: 0.5px 5px 0.5px 15px;
}

.FotoG
{
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 15px;
}

.contenedorTarjetas
{
    top: 45px;
}

#tabMenu
{
    margin: 0;
    padding: 0 0 0 0px;
    width: 215px;
    list-style: none;
}

.DivTab
{
    overflow: auto;
    height: 200px;
    scrollbar-face-color: #be0f34;
    scrollbar-highlight-color: #be0f34;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #be0f34;
    scrollbar-shadow-color: #be0f34;
    scrollbar-arrow-color: #fFFFFF;
    scrollbar-track-color: #be0f34;
}

#tabMenu li
{
    float: left;
    height: 18px;
    width: 60px;
    cursor: pointer;
}

.selected
{
    background-position: 0 -18px;
}

.box
{
    width: 210px; /* VALOR ANTERIOR     margin-top: 6px;     */
    margin-top: 3px;
}

.boxTop
{
    background: url(../../Imagenes/boxTop.png) no-repeat;
    height: 11px;
    clear: both;
    font-size: 10px;
}

*html .boxTop
{
    margin-bottom: -2px;
}

.boxBody
{
    height: 200px;
    width: 198px;
    margin-left: 5px;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: White;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: White;
}

*html .boxBody
{
    width: 200px;
}

.borde
{
    background-color: #be0f34;
    width: 210px;
    height: 200px;
}

.boxBottom
{
    background: url(../../Imagenes/boxBottom.png) no-repeat;
    height: 11px;
}

.boxBody div
{
    display: none;
}

.boxBody div.show
{
    display: block;
    width: 190;
}


.boxBody #category a
{
    display: block;
}

.boxBody div ul
{
    margin: 0 10px 0 5px;
    padding: 0;
}

*html .boxBody div ul
{
    /* VALOR ANTERIOR     margin-left: 10px;     padding-left: 15px; */
    margin-left: 2px;
    padding-left: 5px;
}

.boxBody div li
{
    border-bottom: 1px dotted #ffffff;
    cursor: pointer;
    cursor: pointer;
    list-style-type: none;
}

.boxBody div ul li.last
{
    border-bottom: none;
}

.boxBody div li span
{
    font-size: 10px;
}

.content
{
    margin: 0px 10px 0px 10px;
    padding: 0px;
    width: 600px;
    height: 260px;
}

.ContenedorImagen
{
    margin: 20px;
    width: 600px;
    height: 290px;
}

.imagenTop
{
    margin-left: 10px;
    margin-right: 10px;
}

.ImagenBottom
{
    margin-left: 10px;
    margin-right: 10px;
}

.ContenedorTexto
{
    border-color: #C0C0C0;
    height: 200px;
    width: 250px;
    position: absolute;
    overflow: scroll;
    float: none;
    text-align: left;
    background-color: #FFFFFF;
    left: 75px;
    top: 70px;
    bottom: 50px;
}

.ImagenProyecto
{
    background-color: #0000FF;
    width: 340px;
    height: 280px;
    float: right;
}

.Texto
{
    font-family: Arial, Verdana;
    font-size: 12px;
    float: left;
    text-align: left;
    color: #58585A;
    margin-top: 10px;
    margin-left: 10px;
}

.Titulo1
{
    font-family: Arial, Verdana;
    font-size: 14px;
    text-align: center;
    color: #be0f34;
    top: 30px;
    vertical-align: middle;
    font-weight: bold;
}

.Titulo2
{
    font-size: 10px;
    text-align: left;
    color: #be0f34;
}

.Titulo3
{
    font-family: Arial, Verdana;
    font-size: 12px;
    text-align: center;
    color: #be0f34;
    vertical-align: middle;
    font-weight: bold;
}

.TituloDestacados
{
    color: White;
    font-size: 14px;
    margin-left: 32px;
    margin-top: 8px;
    text-align: left;
}

.TituloDestacado
{
    color: White;
    font-size: 10px;
    margin-left: 3px;
    margin-top: 2px;
    text-align: center;
}

.TituloDestacadoLink
{
    color: White;
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.vermasDestacado
{
    text-decoration: none;
}

.vermas
{
    text-decoration: none;
    font-size: 10px;
    color: #ED3304;
    text-align: right;
    font-weight: bold;
    margin-left: 5px;
}

.TextosNoti
{
    font-size: 10px;
    color: #58585a;
    margin-left: 5px;
}

.TextosNotiMain
{
    font-size: 10px;
    color: #58585a;
}

.vermas:HOVER
{
    color: #58585A;
}

.lista
{
    list-style-type: none;
    font-family: Arial, Verdana;
    text-align: left;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    margin: 5px;
}

.divIzquierdoMain
{
    position: relative;
    float: left;
    height: 350px;
    width: 215px;
    font-family: Arial, Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
}

.divDerechoMain
{
    position: relative; /*width: 155px;*/
    width: 155px;
    height: 350px;
    float: right;
    font-family: Arial, Verdana;
    font-size: 12px;
    background-color: #be0f34;
}

.divInternoNoticias
{
    height: 75px;
    font-family: Arial, Verdana;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    color: #58585A;
    margin-top: 5px;
}


.destacada
{
    font-family: Arial, Verdana;
    font-size: 10px;
    color: #58585A;
    font-weight: lighter;
    text-align: left;
    text-decoration: none;
}

.destacada:HOVER
{
    color: #be0f34;
}

.Noticia
{
    margin-top: 13px;
    text-align: left;
}

.NoticiasMain
{
    width: 200px;
    margin-top: 15px;
    text-align: left;
}

.FotoNoticiaPequeña
{
    /* VALOR ANTERIOR         margin-left: -3px;     margin-top: 20px;     */
    margin-left: -1px;
    margin-top: 2px;
}

.Fondo
{
    background-color: #FFFFFF;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container
{
    background: #f2efed;
    position: relative;
}

.jcarousel-clip
{
    background: #f2efed z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list
{
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li, .jcarousel-item
{
    float: right;
    list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next
{
    z-index: 3;
    display: none;
}

.jcarousel-prev
{
    z-index: 3;
    display: none;
}
.jcarousel-skin-tango .jcarousel-container
{
    -moz-border-radius: 10px;
    -ms-border-radius: 10px; /* Color de fondo del contenedor  */
    padding: 20px 20px 20px 20px;
}

.jcarousel-control
{
    background: #FF000000;
    padding: 10px 10px;
    position: relative;
    height: 350px;
    overflow: auto;
    scrollbar-face-color: #f2efed;
    scrollbar-highlight-color: #cacaca;
    scrollbar-3dlight-color: #cacaca;
    scrollbar-darkshadow-color: #cacaca;
    scrollbar-shadow-color: #cacaca;
    scrollbar-arrow-color: #be0f34;
    scrollbar-track-color: #cacaca;
}


.jcarousel-ListaEmpleados
{
    background-position: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    text-indent: 15px;
    float: left;
}

.jcarousel-TarjetaNombre
{
    font-family: Arial, Helvetica, sans-serif;
    color: #B9122B;
    text-align: left;
    text-indent: 25px;
}

.Fondo
{
    background-color: #FFFFFF;
    float: right;
}

/* los nombres de los empleados. */
.jcarousel-control-a
{
    text-decoration: none;
    color: #B9122B;
    font-size: 11px;
    text-align: left;
    text-indent: 25px;
    font-family: Arial, Helvetica, sans-serif;
}

/* los puestos de los empleados. */
.jcarousel-ListaEmpleadosPuesto
{
    text-decoration: none;
    color: #808080;
    font-size: 11px;
    text-indent: 25px;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
}

/*  Tamaño del contenedor exterior  */
.jcarousel-skin-tango .jcarousel-container-vertical
{
    width: 640px;
    height: 250px;
    padding: 50px 10px 40px 2px; /* Distancia del item a los marcos */
}


/* Tamaño de la ventana o visor por donde pasan los items del carrusel, 
ej: se puede ajustar al tamaño del item para ver solo uno. */
.jcarousel-skin-tango .jcarousel-clip-vertical
{
    width: 640px;
    height: 250px;
}

/* tamaño de los items que circulan por el carrusel. 
tambien debe especificarse individualmente cuando se cargan en lis <li> */
.jcarousel-skin-tango
{
    width: 630px;
    height: 240px;
}

.jcarousel-item
{
    background: #ffffff;
}

/* distancia con el item de abajo, entre los items del carrusel */
.jcarousel-skin-tango .jcarousel-item-vertical
{
    margin-bottom: 50px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder
{
    background: #FFFFFF;
    color: #000;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical
{
    position: absolute;
    bottom: 5px;
    left: 315px; /* margen izquierdo de las flechas */
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../Imagenes/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical
{
    position: absolute;
    top: 5px;
    left: 315px; /* margen izquierdo de las flechas */
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../Imagenes/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover
{
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
    cursor: default;
    background-position: 0 -96px;
}
h1, h2
{
    margin: 0;
}
h1
{
    color: #333;
    padding: 0;
}
h2
{
    color: #111;
    padding-top: 0px;
}
div.content
{
    /* The display of content is enabled by a javascript generated style on the page. 	   This is so that the slideshow content won't display unless javascript is enabled. */
    float: left;
    width: 100px;
}

div.controls
{
    margin-top: 0px;
    height: 23px;
}

div.ss-controls
{
    float: left;
}

div.ss-controls span
{
    color: #666666;
    cursor: pointer;
}

div.nav-controls
{
    float: right;
}

div.nav-controls a
{
    padding: 0px;
}

div.slideshow
{
    clear: both;
}

div.slideshow a.advance-link
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

.advance-link
{
    width: 380;
    height: 242;
}

div.slideshow img
{
    border: none;
    display: block;
    width: 380px;
    height: 240px;
}

div.download
{
    float: right;
}

div.image-title
{
    font-weight: bold;
    font-size: 1.4em;
}

div.image-desc
{
    line-height: 1.3em;
    padding-top: 12px;
}

div.navigation
{
    background-color: #00FF00;
    width: 200px;
    height: 100px;
}
/**********/
ul.thumbs
{
    clear: both;
    margin: 0;
    padding: 0;
    position: relative;
}

ul.thumbs li
{
    float: left;
    padding: 0;
    margin: 5px 5px 5px 0;
    list-style: none;
}

ul.thumbs li a
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

ul.thumbs li.selected a
{
    background: #88f;
}

ul.thumbs a:focus
{
    outline: none;
}

ul.thumbs img
{
    border: none;
    display: block;
    width: 50px;
    height: 50px;
}
/****************************/
div.pagination
{
    clear: both;
}
.div.navigation div.top
{
    margin-bottom: 12px;
    height: 11px;
}
div.navigation div.bottom
{
    margin-top: 10px;
}
div.pagination a, div.pagination strong
{
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}

div.pagination strong
{
    background-color: #acf;
}


/* jQuery specific overlay styles */

#jquery-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 200px;
}
#jquery-lightbox
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img
{
    border: none;
}
#lightbox-container-image-box
{
    position: relative;
    background-color: #be0f34;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
#lightbox-container-image
{
    padding: 10px;
}
#lightbox-loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav
{
    left: 0;
    background-color: #be0f34;
}
#lightbox-nav a
{
    outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext
{
    width: 49%;
    height: 100%;
    display: block;
}
#lightbox-nav-btnPrev
{
    left: 0;
    float: left;
}
#lightbox-nav-btnNext
{
    right: 0;
    float: right;
}
#lightbox-container-image-data-box
{
    font: 12px Arial, Verdana;
    background-color: #E7ddCa;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
    height: 150px;
}

#lightbox-container-image-data-box2
{
    font: 12px Arial, Verdana;
    background-color: #E7ddCa;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data
{
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details
{
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption
{
    font-weight: lighter;
}
#lightbox-image-details-currentNumber
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose
{
    float: right;
    padding-bottom: 0.7em;
}


#galleryPro
{
    width: 400px;
    height: 350px;
}


div.centro
{
    margin-bottom: -5px;
    width: 580px;
    float: left;
}

/********************************galeria Main*******************************/
div.emb
{
    border: 1px solid #ccc;
    background-color: #eee;
}

div.slide
{
    clear: both;
}

div.slide span.image-wrapper
{
    float: left;
    padding-bottom: 12px;
    width: 200px;
    height: 200px;
}

div.slide a.advance-link
{
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

div.slide img
{
    border: none;
    display: block;
    width: 380px;
    height: 240px;
}

div.cont
{
    /* The display of content is enabled by a javascript generated style on the page. 	   This is so that the slideshow content won't display unless javascript is enabled. */
    float: left;
    width: 100px;
}
div.contr
{
    margin-top: 0px;
    height: 23px;
}
div.ss-contr
{
    float: left;
}
div.ss-contr span
{
    color: #666666;
    cursor: pointer;
}
div.nav-contr
{
    float: right;
}
div.nav-contr a
{
    padding: 0px;
}
#galleryP
{
    width: 400px;
    height: 350px;
}

div.nav
{
    background-color: #00FF00;
    width: 200px;
    height: 100px;
}

#divDescripcionProyecto
{
    float: left;
    height: 350px;
    width: 305;
    padding-right: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-face-color: #f2efed;
    scrollbar-highlight-color: #cacaca;
    scrollbar-3dlight-color: #cacaca;
    scrollbar-darkshadow-color: #cacaca;
    scrollbar-shadow-color: #cacaca;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #cacaca;
}
#enDesarrollo
{
    margin-top: 2px;
}
.FondoProyectos
{
    float: right;
}

.DivBotonesProy
{
    margin-top: 5px;
}

.BotonesProy
{
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
    padding-left: 5px;
}

.play
{
    font: 12px Arial, Verdana;
}

.tabEspania
{
    font: 10px Arial, Verdana;
    text-decoration: none;
    color: #58585A;
    cursor: pointer;
    height: 50;
}
.FondoPaginaNoticias
{
    float: right;
    background-color: #F2EFED;
}

/******************Contacto**************************/

#divIzquierdoContactoPaso1
{
    margin-left: -30px;
    margin-top: 35px;
    width: 180px;
}

.divTituloDelegaciones
{
    color: #BE0F34;
    font-size: 13px;
    font-family: Arial,Verdana;
    text-align: left;
    font-weight: bold;
    margin-left: 40px;
}

.divDelegaciones
{
    border-bottom: solid 3px #BE0F34;
    border-top: solid 3px #BE0F34;
}

.divListaPaises
{
    margin-top: 25px;
    margin-left: 40px;
    text-align: left;
}

.divPais
{
    margin-top: 25px;
    cursor: pointer;
}

.textoSeleccionarPais
{
    margin-left: 40px;
    text-align: left;
    margin-top: 25px;
    font-size: 12px;
    margin-bottom: 25px;
    font-weight: bold;
}

.divIzquierdoContacto
{
    position: relative;
    float: left;
    height: 350px;
    width: 215px;
    font-family: Arial, Verdana;
    font-size: 12px;
    background-color: #FFFFFF;
}

#divCentroContacto
{
    width: 735px;
    height: 350px;
    float: right;
}

.TituloFormularioContacto
{
    color: #BE0F34;
    font-size: 13px;
    font-family: Arial,Verdana;
    text-align: left;
    margin-bottom: 7px;
}

.LabelFormularioContacto
{
    font-size: 9px;
    text-align: left;
    margin-left: 20px;
    margin-top: 3px;
    float: left;
}

.EnviarFormularioContacto
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 21px;
    text-align: right;
}

.LinkEnviarFormularioContacto
{
    font-size: 9px;
    font-weight: bold;
    color: #BE0F34;
    cursor: pointer;
}

.TextoInfoFormularioContacto
{
    font-size: 9px;
    text-align: justify;
    margin-left: 12px;
    margin-right: 12px;
}

.TextInputFormularioContacto
{
    width: 180px;
}

.TextAreaFormularioContacto
{
    width: 180px;
    height: 70px;
}
/*************SeguidoresSolares***************/
.video
{
    margin-top: -15px;
    margin-left: 15px;
    float: left;
}
.FondoProductos
{
    float: right;
    background-color: #F2EFED;
}
.TextoF
{
    cursor: pointer;
    margin-top: 5px;
    margin-left: 15px;
}
.TituloDescripcionProducto
{
    /*  width: 350px;*/
    width: 225px;
    height: 340px;
    float: right;
    text-align: left;
    margin-top: 10px;
    margin-right: 15px;
    overflow: auto;
    scrollbar-face-color: #f2efed;
    scrollbar-highlight-color: #cacaca;
    scrollbar-3dlight-color: #cacaca;
    scrollbar-darkshadow-color: #cacaca;
    scrollbar-shadow-color: #cacaca;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #cacaca;
}
.imagenG
{
    margin-top: 5px;
    margin-left: 10px;
    float: left;
}
.FotoPequeña
{
    float: left;
    margin-top: 3px;
}
.VistaProducto
{
    background-color: #F2EFED;
    margin-top: 3px;
    height: 100%;
}
.TextoSeguidorSolar
{
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #808080;
}
.Serie
{
    font-family: Arial, Verdana;
    font-size: 14px;
    color: #be0f34;
    font-weight: bold;
}
.SubProducto
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #be0f34;
    font-weight: bold;
    margin-left: 25px;
    width: 125px;
    margin-top: 5px;
}
.Descripcion
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #58585A;
    text-align: left;
}
.DescripcionT
{
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #be0f34;
    text-align: left;
}
.DescripcionC
{
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #58585A;
    text-align: left;
}
.ContenedorFotoProductoAmpliada
{
    margin-left: 0px;
    margin-bottom: 0px;
}
#contenedorTarjetasP
{
    position: relative;
    height: 100%;
}

.botonPdf
{
    float: left;
    margin-top: 15px;
}
.botonvideo
{
    float: left;
    margin-top: 15px;
}

/*
.botonPdf
{
    float: left;
    margin: 0px;
    margin-left: 500px;
    padding-top: 10px;
}
.botonvideo
{
    margin: 0px;
    padding-top: 10px;
}
*/

.contactarFilial
{
    text-decoration: none;
    font-family: Arial, Verdana;
    font-size: 12px;
    color: #be0f34;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
}

.verProyectos
{
    text-decoration: none;
    font-family: Arial, Verdana;
    font-size: 14px;
    color: #be0f34;
    cursor: pointer;
    margin-left: 5px;
    font-weight: bold;
}
/****************************Empresa*****************************/

.NoticiaInicio
{
    background-color: #f2efed;
    height: 350px;
}

#my
{
    background-color: #f2efed;
    height: 350px;
}
.EmpresaTexto
{
    margin-top: 10px;
    text-align: left;
    height: 150px;
    font-family: Arial, Verdana;
    font-size: 11px;
    color: #808080;
    width: 700px;
}

.divDestacados
{
    height: 310px;
    overflow: auto;
}
