﻿/*------------------------------------------------- Reseteo --------------------------------------------------------------------------*/

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,
center, u, b, i, * {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-style: normal;
     font-size: 14px;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1;
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

i {
     font-style:italic;
}
/*------------------------------------------------- Fin de Reseteo --------------------------------------------------------------------------*/

/*verde oscuro:#006600;
  fucsia:#cc3399;
    */


.redondas10

{
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
    border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url('ie-css3.htc');
}

body {
    width:100%;
    background-color:#ffffff;
    font-family:Century Gothic;
    color:#666666;
    font-size:14px;
}



.centrador
{
    position:relative;
    margin:auto;
    width:1000px;
}

.container
{
    float:left;
    width:1000px;
    margin-bottom:20px;
    font-family:Century Gothic;
}

.header
{
    float:left;
    width:1000px;
    height:240px;
}

.capaSobreSlider {
    position:absolute;
    width:1000px;
    height:210px;
    z-index:2;
}
.cabeceraSlider
{
    float:left;
    width:1000px;
    height:210px;
    z-index:1;
}

.pantallaSliderCabecera {
        float:left;
        width:1000px;
        height:210px;
    }

#pantallaSliderCabecera1 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/cabecera1.jpg);
}

#pantallaSliderCabecera2 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/cabecera2.jpg);
}

#pantallaSliderCabecera3 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/cabecera3.jpg);
}

.logo {
    float:left;
    width:334px;
    height:210px;
}
.areaSocialMedia {
    float:right;
    width:95px;
    height:40px;
    margin-top:160px;
    background-image:url(ImagenesAutoescuelaLogronoSubidas/fondoSocialMedia.png);
    -moz-border-radius: 5px 0px 0px 5px; /* Firefox */
    -webkit-border-radius: 5px 0px 0px 5px; /* Safari and Chrome */
    border-radius: 5px 0px 0px 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url('ie-css3.htc');
}
    .areaSocialMedia a {
        float:right;
        margin-right:7px;
        width:35px;
        height:35px;
        margin-top:4px;
    }

#enlaceTwitter {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/iconoTwitter.png);
}

#enlaceFacebook {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/iconoFacebook.png);
}

#enlaceTwitter:hover {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/hoverTwitter.png);
}

#enlaceFacebook:hover {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/hoverFacebook.png);
}

.menuHeader {
    float:left;
    width:970px;
    padding-left:15px;
    padding-right:15px;
    height:30px;
    background-image:url(ImagenesAutoescuelaLogronoSubidas/fondoMenuPpal.jpg);
}

    #opcionInicio, #opcionQuienes, #opcionComo, #opcionCirculando, #opcionDonde {
        float:left;
        margin-top:10px;
        margin-right:72px;
    }
    #opcionContacto {
        float:left;
        margin-top:10px;
}
        #opcionInicio a, #opcionQuienes a, #opcionComo a, #opcionCirculando a, #opcionDonde a, #opcionContacto a {
            float:left;
            font-size:12px;
            color:#333333;
            text-decoration:none;

        }
         #opcionInicio a:hover, #opcionQuienes a:hover, #opcionComo a:hover, #opcionCirculando a:hover, #opcionDonde a:hover, #opcionContacto a:hover {
            color:#006600;
            text-decoration:underline;
        }

.enlaceVerde {
    color:#006600;
}

    .enlaceVerde:hover {
        color:#cc3399;
    }

.content {
    float:left;
    width:1000px;
}
.auxIzq {
    float:left;
    width:334px;
    margin-top:15px;
}


.menuAuxIzq {
    float:left;
    width:334px;
    border-right:2px solid #006600;
    padding-right:15px;
    
}
.imagenMenu {
    width:45%;
}
.imagenMenu img {
    width:127px;
}

.enlaceMenu {
    vertical-align:middle;
    padding-right:15px;

}
    .enlaceMenu a {
        font-size:20px;
    }

.separador {
    height:10px;
}

.newstickerAux {
    float:left;
    width:300px;
    padding:15px;
    border:2px solid #006600;
    margin-top:20px;
}

.cabeceraNewsticker {
    float:left;
    width:100%;
    font-size:16px;
}
    .cabeceraNewsticker img {
        float:left;
    }
    .cabeceraNewsticker a {
        float:right;
        margin-top:15px;
    }

.enlaceRosa {
    color:#cc3399;
}
.enlaceRosa:hover {
    color:#006600;

}

.areaNoticia {
    float:left;
    width:100%;
    font-size:14px;
    color:#666666;
}

.tituloNoticiaNewsticker {
    float:left;
    font-weight:bold;
    margin-top:10px;
}
.textoNewsticker {
    float:left;
    width:100%;
    margin-top:3px;
    font-size:13px;
    line-height:1.2;
}

    .textoNewsticker a {
         color:#cc3399;
       
    }

.testsAuxIzq {
    float:left;
    width:100%;
    height:57px;
    background-image:url(ImagenesAutoescuelaLogronoSubidas/checkCursosConducirLogrono.png);
    background-position:left center;
    background-repeat:no-repeat;
    margin-top:20px;
}

.testsAuxIzq a{
    float:left;
    margin-left:70px;
    font-size:25px;
    margin-top:20px;
    font-weight:bold;
}

.sombra {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

.article {
    float:left;
    width:646px;
    padding-left:15px;
    color:#666666;
}

.areaWidgets {
    float:left;
    width:646px;
    margin-top:20px;
}

.widgetFacebook {
    float:left;
    width:317px;
    height:330px;
    /*overflow:auto;*/
    border:1px solid #999999;
}

.widgetTwitter {
    float:right;
    width:300px;
    height:330px;
    border:1px solid #999999;
    /*overflow:auto;*/
}

.pie {
    float:left;
    width:1000px;
    border-top:1px solid #999999;
    padding-top:3px;
    margin-top:20px;
}
    .enlacePie {
        font-family:Arial;
        color:#999999;
        font-size:13px;
        font-weight:bold;
        margin-right:20px;
    }

.enlacePie:hover {
    color:#006600;
}

.eewPie {
    float:right;
    font-size:11px;
    font-family:Arial;
    color:#999999;
    margin-top:2px;
}
    .enlaceEew {
        float:right;
        color:#999999;
        margin-left:5px;
        font-size:11px;
    }

        .eewPie a:hover {
            color:#333333;
        }



/*----------INICIO---------------*/

.areaTextoYSlider {
    float:left;
    width:100%;
}

.tituloTextoInicio {
    float:left;
    width:100%;
    margin-bottom:20px;
    margin-top:15px;
}

.textoInicioySlider {
    float:left;
    width:100%;
    text-align:left;
    font-size:14px;
    color:#666666;
    line-height:1.2;
}
.leerMasSlider{
    float:right;
    font-size:13px;
}

.sliderInicio {
    float:right;
    width:410px; 
    height:250px;
    overflow:hidden;
    margin-left:20px;
}
.pantallaSlider1, .pantallaSlider2, .pantallaSlider3 {
    float:right;    
    width:370px;
    height:210px;
    padding:20px;
}
.pantallaSlider1 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/fondoSliderPortada1.jpg);
}

.textoSliderIzq {
    float:left;
    width:350px;
}

.tituloSlider {
    float:left;
    color:#fff;
    font-size:35px;
    font-weight:bold;
    width:100%;
    line-height:1;
    }

.textoSlider {
    float:left;
    width:100%;
    font-size:30px;
    color:#fff;
    line-height:1;
    overflow:hidden;
}

.textoResaltadoSlider {
    float:left;
    width:100%;
    font-size:45px;
    color:#fff;
    line-height:1;
}

.pantallaSlider2 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/fondoSliderPortada2.jpg);
}

.pantallaSlider3 {
    background-image:url(ImagenesAutoescuelaLogronoSubidas/fondoSliderPortada3.jpg);
}

.textoSliderAncho {
    float:right;
    width:100%;
    overflow:hidden;
}

.alineadoDerecha {
    text-align:right;
}

.textoSliderAbajo {
    margin-top:140px;
}
/*----------QUIÉNES SOMOS---------------*/

.tituloSeccion {
    float:left;
    width:100%;
    margin-bottom:15px;
    font-size:30px;
    font-weight:bold;
    color:#006600;
    margin-top:15px;
}

.textoConImgIzq {
    float:left;
    width:100%;
    font-size:14px;
    line-height:1.1;
    text-align:justify;
}

    .textoConImgIzq img {
        float:left;
        width:300px;
        margin-right:20px;
    }

/*----------CÓMO LO CONSEGUIMOS---------------*/

.bloqueConseguimos {
    float:left;
    width:100%;
    margin-bottom:20px;
    border-bottom:2px solid #cccccc;
    padding-bottom:10px;
    font-size:14px;
    line-height:1.2;
    text-align:justify;
}
    .bloqueConseguimos img {
        width:305px;
    }

.imgLeft {
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.imgRight {
    float:right;
    margin-left:20px;
    margin-bottom:10px;
}

.tituloBloque {
    float:left;
    font-weight:bold;
    font-size:18px;
    color:#666666;
    width:321px;
    margin-bottom:5px;
}

.bloqueCirculando {
    float:left;
    width:100%;
    margin-bottom:20px;

}

.imgCirculando {
    float:left;
    width:165px;
    margin-right:20px;
}

    .imgCirculando img {
        float:left;
        width:165px;
    }

.contenidoBloqueCirculando {
    float:left;
    width:461px;
}

.tituloBloqueRosa {
    float:left;
    width:100%;
    margin-bottom:10px;
    color:#cc3399;
    font-size:18px;
    font-weight:bold;
}
.itemBloque {
    float:left;
    width:100%;
    margin-bottom:20px;
}
.encabezadoItem {
    float:left;
    width:100%;
    font-size:14px;
    font-weight:bold;
    color:#666;
}

.textoBloqueCirculando {
    float:left;
    margin-top:5px;
    text-indent:20px;
    color:#666;
    font-size:14px;
    line-height:1.2;
    text-align:justify;
}

.textoBloqueCirculando img
{
    float:left;
    max-width:150px;
    max-height:150px;
    margin-right:10px;
}

/*--------------HORARIOS--------------*/
.textoSeccion {
    float:left;
    width:100%;
    color:#666;
    font-size:14px;
    margin-top:5px;
}

.areaHorarios {
    float:left;
    width:390px;
    background-image:url(ImagenesAutoescuelaLogrono/horariosCursosConducirLogrono.png);
    min-height:450px;
    margin-bottom:20px;
    background-position:top right;
    background-repeat:no-repeat;
    padding-right:256px;
}

.titularHorario {
    float:left;
    width:100%;
    font-weight:bold;
    font-size:14px;
    margin-left:30px;
    color:#666;
    margin-top:4px;
}
.titularHorarioRosa {
    float:left;
    width:100%;
    font-weight:bold;
    font-size:16px;
    color:#cc3399;
    margin-top:20px;
}
.textoPpalHorario {
    float:left;
    width:100%;
    margin-left:30px;
    margin-top:4px;
}

.tablaHorario {
    float:left;
    width:200px;
    margin-left:30px;
    font-size:14px;
}



/*-----------PERMISOS Y CURSO-------------*/

.seccionPermisos {
    float:left;
    width:100%;
    background-image:url(ImagenesAutoescuelaLogrono/permisosCursosConducirLogrono.png);
    background-position:top right;
    background-repeat:no-repeat;
    min-height:300px;
}
.itemPermisos {
    float:left;
    width:480px;
    margin-left:35px;
    margin-bottom:10px;
}

.tituloItemPermisos {
    float:left;
    width:400px;
    font-size:17px;
    font-weight:bold;
    /*padding-left:43px;*/
    margin-bottom:4px;
}

.imgItemPermisos
 {
    float:left;
    width:50px;
    max-height:50px;
    padding-top:1px;
    margin-bottom:0px;
}
.imgItemPermisos img
 {
    margin:auto;
    max-width:50px;
    max-height:50px;
}


.Permisos {
    float:right;
    width:420px;
    padding-left:10px;
}

.textoItemPermisos {
    float:left;
    /*margin-left:45px;*/
    padding-bottom:5px;
    text-align:justify;
    border-bottom:1px solid #dedede;
}

/*---------LA VIDA DEL CONDUCTOR--------*/
.areaSuperiorConsejos {
    float:left;
    width:496px;
    padding-left:150px;
    background-image:url(ImagenesAutoescuelaLogrono/semaforoClasesConducirLogrono.png);
    background-repeat:no-repeat;
    min-height:420px;
}

.areaConsejoDelMes {
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:20px;
}

.titularConsejoDelMes {
    float:left;
    width:100%;
    color:#cc3399;
    font-size:30px;
    margin-bottom:4px;
}

.titularGris {
    float:left;
    width:100%;
    font-weight:bold;
    font-size:16px;
    color:#666666;
    margin-top:20px;
}

.textoItemGeneral {
    float:left;
    width:616px;
    margin-left:30px;
    padding-bottom:10px;
    border-bottom:1px solid #dedede;
    margin-top:5px;
}

.textoItemGeneral img, .textoSeccion img
{
    float:left;
    max-width:150px;
    max-height:150px;
    margin-right:10px;
}

.seccionTests {
    float:left;
    width:100%;
    background-image:url(ImagenesAutoescuelaLogrono/testsConducirLogrono.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    min-height:200px;
}

.areaEnlace {
    float:left;
    width:100%;
    margin-top:10px;
    border-bottom:1px solid #dedede;
    padding-bottom:10px;
}

    .areaEnlace a {
        font-size:13px;
        color:#006600;
        font-weight:bold;
        float:left;
        margin-left:30px;
        margin-top:8px;
        width:591px;
        padding-left:25px;
        background-image:url(ImagenesAutoescuelaLogrono/flechaItem.jpg);
        background-position:top left;
        background-repeat:no-repeat;
        height:20px;
    }
        .areaEnlace a:hover {
            color:#cc3399;
        }

/*--------NOTICIAS----------*/

.areaNoticiasSeccion {
    float:left;
    width:576px;
    margin-left:35px;
       
}

.textoItemNoticias {
    float:left;
    width:100%;
    padding-bottom:10px;
    margin-top:10px;
    border-bottom:1px solid #dedede;
}

.textoItemNoticias img
{
    float:left;
    max-width:200px;
    max-height:200px;
    margin-right:10px;
   /*padding-right:10px;*/
}

/*-------DÓNDE ESTAMOS------------*/
.textoDondeEstamos
{
    float:left;
    width:180px;
    padding-top:100px;
    color:#666;
    font-size:16px;
    line-height:1.5;
}


.enlaceMapa {
    float:left; margin-top:10px; color:#006600; text-align:left
}

    .enlaceMapa:hover {
        color:#cc3399;
    }

/*-------CONTACTO------------*/
.textoVerdeNegrita {
    color:#006600;
    font-weight:bold;
}

.panelValidacion {
    float:left;
    width:606px;
    margin-top:10px;
    background-color:#dedede;
    padding:20px;
    color:#006600;
    font-size:12px;
    font-weight:bold;
}

.formularioContacto {
    float:left;
    width:400px;
    margin-left:123px;
    margin-top:30px;
    
}


.etiquetaFormulario {
    font-weight:bold;
    color:#006600;
    width:30%;
    text-align:right;
    padding-right:10px;
}

.tbContacto, .tbConsulta {
    border:1px solid #999999;
    font-family:Arial;
    font-size:12px;
    color:#666666;
    width:230px;
    margin-bottom:10px;
}

.tbConsulta {
    height:120px;
}
.cbAceptoContacto {
    float:left;
    margin-left:50px;
    margin-right:5px;
    margin-top:5px;
}

.textoCheckBox {
    float:left;
    font-family:Arial;
    font-size:11px;
    margin-top:6px;
}

.btnEnviar {
    float:left;
    padding:4px 10px 4px 10px;
    background-color:#006600;
    font-weight:bold;
    color:#ffffff;
    margin-left:210px;
    margin-top:10px;
    cursor:pointer;
}

    .btnEnviar:hover {
        background-color:#000000;
        text-decoration:underline;
    }

