/*----------------------------------------------------------
The base color for this template is #888989. If you'd like
to use a different color start by replacing all instances of
#888989 with your new color.
----------------------------------------------------------*/
/**********************************************************
 Estilos para el sitio
**********************************************************/


/*En IE las imágenes con vínculo aparecen con border, se utiliza
este estilo para quitarlo*/
a img {
    border: none;
}

*
{
    color:#888989;
    padding:0;
    margin:0;
    font-size:14px;
    box-sizing: border-box;
}
body
{
    font-family:Arial;
    background-color:#f9f9f9;
}
h1
{
    font-size:28px;
}
h2
{
    font-size:20px;
}
.control-group
{
    margin-top:10px;
    max-width:700px;
}
.control-label
{
    margin-top:10px;
    display:inline-block;
    width:15%;
    max-width:150px;
}
.control-ctrl
{
    vertical-align:top;
    display:inline-block;
    width:80%;
    max-width:550px;
    border:1px solid #ccc;
}
.form-control
{
    padding:10px 5px;
    width:100%;
    font-size:20px;
    border:1px solid #ccc;
}
textarea
{
    height:200px !important;
}
input[type="submit"],input[type="button"]
{
    padding:10px 25px;
}
#dvContacto
{
    width:90%;
}

/*#btnEntrar, btnRegistro {
	cursor: pointer;
	margin: 10px 5px;
}*/

@media screen and (min-width:1287px) 
{
    #panelizquierdo
    {
        position:fixed;
        background-color:#888989;
        width:172px;
        height:100%;
        min-height:600px;
    }
    #dvDescPrin
    {
        display:inline-block;
    }
    #dvDescSec
    {
        display:none;
    }
    #panelderecho
    {
        position:absolute;
        width:800px;
        left:315px;
        height:100%;
        min-height:600px;
    }
    #header
    {
        margin-top:50px;
        width:800px;
        text-align:right;
    }
    #imgLogoHeader
    {
    }
    #imgMapa
    {
        width:100%;
    }    
    #contenidositio
    {
        width:800px;
    }
    #footer
    {
        margin-top:20px;
        width:800px;
        margin-bottom:0px;
        text-align:right;
    }
    .footerlogo
    {
        display:inline-block;
        width:40%;
    }
    #dvFooterLinks
    {
        width:60%;
        display:inline-block;
        margin: 20px 0 30px;
    }
    #dvFootSocialLinks
    {
        width:125px;
        display:inline-block;
        margin: 20px 0 30px;
    }

	.secuno {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
	}

    .secdos
    {
        width:40%;
        display:inline-block;
        vertical-align:top;
        padding:20px;
		background:#fff;
		border-radius:10px;
		margin-left:40px;
    }
    .sectitle
    {
        /*margin-top:100px;*/
        text-align:right;
    }
	 #btnRegistro {
		cursor: pointer;
		width:100px;
	}
	#btnEntrar {
		cursor: pointer;
		width: 100px;
	}
}
@media screen and (min-width:581px) and (max-width:1286px) {
    #panelizquierdo
    {
        display:none;
    }
    #dvDescPrin
    {
        display:inline-block;
    }
    #dvDescSec
    {
        display:none;
    }
    #panelderecho
    {
        width:90%;
        height:100%;
        margin:auto;
    }
    #header
    {
        margin-top:50px;
        text-align:right;
    }
    #imgLogoHeader
    {
    }
    #imgMapa
    {
        width:100%;
    }    
    #contenidositio
    {
    }
	#footer {
		margin-top: 20px;
		margin-bottom: 0px;
		text-align: right;
	}
    .footerlogo
    {
        display:inline-block;
        width:40%;
    }
    #dvFooterLinks
    {
        width:70%;
        display:inline-block;
        margin: 20px 0 30px;
    }
    #dvFootSocialLinks
    {
        width:125px;
        display:inline-block;
        margin: 20px 0 30px;
    }
    .footlnk
    {
        display:inline-block;
        margin:0px;
    }
	.secuno {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
	}

	.secdos {
		width: 40%;
		display: inline-block;
		vertical-align: top;
		padding: 20px;
		background: #fff;
		border-radius: 10px;
		margin-left:40px;
	}
    .sectitle
    {
        /*margin-top:100px;*/
        text-align:right;
    }
	#btnEntrar, #btnRegistro {
		cursor: pointer;
		width: 100%;
		margin: 5px 0px;
	}
}
@media screen and (max-width:580px) 
{
    #dvDescPrin
    {
        display:none;
    }
    #dvDescSec
    {
        display:inline-block;
    }
    #contenidositio
    {
        width:100%;
        padding:20px 20px;
    }
    #panelizquierdo
    {
        display:none;
    }
    #panelderecho
    {
    }
    #header
    {
        text-align:center;
        margin-top:20px;
    }
    #imgLogoHeader
    {
        width:90%;
    }
    #imgMapa
    {
        width:100%;
    }
	#footer {
		margin-top: 20px;
		margin-bottom: 30px;
		text-align: center;
	}
    .footerlogo
    {
        margin:10px 0px;
        display:inline-block;
        width:100%;
    }
    #dvFooterLinks
    {
        width:100%;
        margin-top:20px;
    }
    #dvFootSocialLinks
    {
        text-align:center;        
    }
    .footlnk
    {
        width:100%;
        display:inline-block;
        margin:0px;
        font-size:20px;
    }
	.secuno {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
		margin-top:15px;
	}

	.secdos {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		padding: 20px;
		background: #fff;
		border-radius: 10px;
	}
    .sectitle
    {
        /*margin-top:10px;*/
        text-align:right;
    }
    .control-label
    {
        margin-top:10px;
        display:inline-block;
        width:100%;
    }
    .control-ctrl
    {
        vertical-align:top;
        display:inline-block;
        width:100%;
        border:1px solid #ccc;
    }
	#btnEntrar, #btnRegistro {
		cursor: pointer;
		width: 100%;
		margin: 5px 0px;
	}
}    
    
/**********************************************************
 Fin de estilos para el sitio
**********************************************************/