﻿
.conSocial {
    position:absolute;
    right: 0px;
    top: 53%;
    z-index: 2000;
        background-color: #fff;
    border-radius: 10px;
    
}
ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}
}

@media (min-width: 1101px) and (max-width: 1299px)
{

.conSocial {
    position: fixed;
    right: 0px;
    top: 45%;
    z-index: 2000;
    
}
ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}
}

@media (min-width: 970px) and (max-width: 1100px)
{
.conSocial {
    position: fixed;
    right: 0px;
    top: 45%;
    z-index: 2000;
    
}
ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}
}

@media (min-width: 970px) and (max-width: 1100px)
{
.img_red
{
	        width: 15%;
}
}
/**-----------------------------------------------------------------------------------Bien------------------------------------------------------------------**/
@media handheld, only screen and (max-width: 969px)
{

ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}

}
@media handheld, only screen and (max-width: 969px)
{
#buscador
{
	width: 229px !important;
    margin-left: 44px !important;
}

a{
	    text-decoration: none !important;
}
ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}

}
@media handheld, only screen and (max-width: 920px)
{

 

}
@media handheld, only screen and (max-width: 669px)
{
}
@media handheld, only screen and (max-width: 499px)
{

.Encabezado {
            width: 95%;
            height: 80px;
            }
                #BqPrin {
        height: 210px;
    }
    #DivNoCel
{
	display:none;
}
#DivCel
{
	display:block;
}

}
@media handheld, only screen and (max-width: 400px)
{
		.conSocial {
    position: fixed;
    right: 0px;
    top: 45%;
    z-index: 2000;
    
}
ul.social a
{
	    text-decoration: none !important;

}
.social li a{
    
    color: white;
    text-align: center;
        display: inline-block;
    text-decoration: none !important;
    font-size: 25px;
    width: 50px;
    height: 50px;
    padding: .5px;
}
.social li a:hover{box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);    border-radius: 15px;}
}

