@import url(https://fonts.googleapis.com/css?family=Poppins);
@import url(https://fonts.googleapis.com/css?family=Inder);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(https://fonts.googleapis.com/css?family=Arvo);
@import url(https://fonts.googleapis.com/css?family=Lobster);
@import url(https://fonts.googleapis.com/css?family=Roboto);

body 
{
    margin:0px 0px 0px 0px;
	font-family: Arial, serif;
    background-color:#f3f8fb;
}
input {font-family: 'Poppins', sans-serif; font-size:18px;}
select {font-family: 'Poppins', sans-serif; font-size:18px;}
textarea {font-family: 'Poppins', sans-serif; font-size:16px;}
img {border-width: 0px;	}
form {display: inline;}
table {empty-cells:show;border-collapse:collapse;}
th {font-weight: normal;}

.head 
{
 	 margin:0px;       
     width:100%;
     height:47px;
     background-color:#e91330;
     border-bottom:solid 1px #000;
}
.Lateral
{
    height:440px;
    vertical-align:top;
    background-color:#fff/*IGUAL*/;
    border:1px solid #f9cd85;
    margin-top:5px;
}
.BajoCuerpo
{    
    text-align:left;    
    background-color:#fff;    
    border-top:1px solid #000;
}
.sobreform
{    
 
}
.CuerpoBajo
{    
    text-align:center;    
}
.Medio
{
    vertical-align:top;
 }
.Mediot
{ 
    background-color:#000/*IGUAL*/;
    vertical-align:top;
     width:100%;
}
.Mediot1 {}
.Mediot2 { padding:0px; }
.Cuerpo 
{
    background-color:#f3f8fb;
}


/*FOOT*/
.foot
{
    padding-top:21px;
    width:100%;
    height:48px;
    background-color:#fff/*pie*/;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size:14px;
    font-family: 'Inder', sans-serif;
    border-top:1px solid #000;
}

/*OTROS*/
.boton {
   font-size: 14px;
   width: 140px;  
   padding: 5px  5px  5px  5px;
   background-color: #9f0404;
   color: #eee;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.boton:hover {
   width: 140px;
   padding: 5px  5px  5px  5px;
   background-color: #d2b77d;
   color: #000;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.boton2 {
   width: 210px;
   display: block;
   padding: 5px  5px  5px  5px;
   background-color: #9f0404;
   color: #eee;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.boton2:hover {
   width: 210px;
   padding: 5px  5px  5px  5px;
   background-color: #d2b77d;
   color: #000;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.boton4 {
   width: 50%;
   display: block;
   padding: 5px  5px  5px  5px;
   background-color: #9f0404;
   color: #eee;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.boton4:hover {
   width: 50%;
   padding: 5px  5px  5px  5px;
   background-color: #d2b77d;
   color: #000;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.boton9 {
   font-family: 'Arial', sans-serif; 
   font-size:28px;
   color: #000;  
   vertical-align:middle;
   text-decoration:none;
}
.boton9:hover {
   font-family: 'Arial', sans-serif; 
   font-size:28px;
   color: #999;  
   vertical-align:middle;
   text-decoration:none;
}
.dale {
    text-decoration:underline;
    text-transform: lowercase;
}

.botonform a
{
    background-color:#fbd28f;
}
.mensaje 
{
    color:#032938;
    font-size:21px;
}
.exito
{
    color:#127611;
    font-size:28px;
}

/*PAGINAS*/
/*imagenes inicio*/
#ss {
     
}
#ss > div {
     position: absolute;
}

.propuesta
{
    background-color:transparent;
    border-collapse:collapse;
    padding:0px; margin:0px;    
    width: 100%;
}
.ofrezco {
    background-color: transparent;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.entidad {
    background-color: transparent;
    border-collapse: collapse;
    margin: 20px 20px 20px 70px;
    width: 80%;
}

.necesito {
       background-color: transparent;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.necesito2, .ofrezco2, .contactos, .planes, .historia, .inicio, .BajoCuerpo, .sobreform
{
    font-size: 22px;
    font-family: 'Quicksand', sans-serif;
    width: 100%;
}
.inicio .titulo {
    
    font-size:35px;
    font-family: 'Arvo', serif;
    color:#2471A3;
    text-align:center;
}
.valtitulo .inicio,.valtitulo .necesito2 {
    text-align:center;
    width: 100%;
}
.ofrezco2 .titulo {
    margin-top:40px;
    font-size:35px;
    font-family: 'Arvo', serif;
    color:#2471A3;
    text-align:center;
}
.necesito2 .titulo {
    margin-top:40px;
    font-size:35px;
    font-family: 'Arvo', serif;
    color:#2471A3;
    text-align:center;
}
.contacts .titulo {
        margin-top: 40px;
        font-size: 35px;
        font-family: 'Arvo', serif;
        color: #2471A3;
        text-align: center;
    }
.servicios .subtitulo{
    font-size:21px;
    font-family: 'Arvo', serif;
    color:#000;
    text-align:center;
}
.planes .subtitulo {
    font-size:21px;
    font-family: 'Arvo', serif;
    color:#93daf8;
    text-align:center;
}
.contacts .subtitulo {
    font-size: 21px;
    font-family: 'Arvo', serif;
    color: #000;
    text-align: center;
}
.bajocuerpo .titulo {
    margin-top: 40px;
    font-size: 35px;
    font-family: 'Arvo', serif;
    color:#960b0b;
    text-align: center;
}
.bajocuerpo .subtitulo {
    font-size: 21px;
    font-family: 'Arvo', serif;
    color: #e51d1d;
    text-align: center;
}
.sobreform .titulo {
    margin-top: 40px;
    font-size: 35px;
    font-family: 'Arvo', serif;
    color:#960b0b;
    text-align: center;
}
.sobreform .subtitulo {
    font-size: 21px;
    font-family: 'Arvo', serif;
    color: #e51d1d;
    text-align: center;
}
.historia .titulo {
    margin-top:40px;
    font-size:35px;
    font-family: 'Arvo', serif;
    color:#29aee6;
    text-align:center;
}
.historia .subtitulo {
    font-size:21px;
    font-family: 'Arvo', serif;
    color:#93daf8;
    text-align:center;
}
.saludo {
    font-size: 21px;
    margin-left: 400px;
    font-family: 'Arvo', serif;
}
.camp {
    font-size: 35px;
    margin-left: 180px;
    color: #fff;
    font-family: 'Inder', serif;
}
.parp {
    text-align: center;
    width: 100%;
    animation-name: parpa;
    animation-duration: 14s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpa;
    -webkit-animation-duration: 14s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpa{  
  0% { opacity: 0.0; }
  50% { opacity: 1.0; }
  100% { opacity: 0.0; }
}
@-webkit-keyframes parpa {  
  0% { opacity: 0.0; }
  50% { opacity: 1.0; }
   100% { opacity: 0.0; }
}
@keyframes parpa {  
  0% { opacity: 0.0; }
   50% { opacity: 1.0; }
  100% { opacity: 0.0; }
}
.APAC {
    width:94%;
    margin-top:28px;
    margin-bottom:21px;
    padding:20px 0px 0px 20px;
    vertical-align:middle;
    
    border: 2px dotted #000;
    color: #000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    background-color:#EBF5Fb;/*f4f7f7;*/
}
.valtitulo {
    padding: 0px;      
}
.fotofon1 {
    padding-top:280px;
    padding-bottom:280px;
    text-align:center;
    background: url(../imagenes/sas/fondo.jpg);
    background-attachment: fixed;
    border: 1px solid #000;
    margin: 0px;        
}
.fotofon1a 
{
    font-size:56px;
    font-family: 'Arvo', serif;
    color:#094b83;
}
.fotofon1b 
{
    font-size:25px;
    font-family: 'Arvo', serif;
    color:#000;
}

.fotofon2 {
    padding-top:140px;
    padding-bottom:280px;
    padding-left:25%;
    margin: 40px 0px 0px 0px;
    background: url(../imagenes/sas/fondo2.jpg);
    background-attachment: fixed;
    border:1px solid #000;
}
.fotofon2a 
{
    font-size:56px;
    font-family: 'Arvo', serif;
    color:#fff;
}
.fotofon2b 
{
    font-size:25px;
    font-family: 'Arvo', serif;
    color:#f9cd85;
}

.fotofon2n {
    padding-top:110px;
    padding-bottom:210px;
    padding-left:25%;
    margin: 40px 0px 0px 0px;
    background: url(../imagenes/sas/fondo4.jpg);
    background-attachment: fixed;
    border:1px solid #000;
}
.fotofon2an 
{
    font-size:56px;
    font-family: 'Arvo', serif;
    color:#fff;
}
.fotofon2bn 
{
    font-size:25px;
    font-family: 'Arvo', serif;
    color:#f8c166;
}

.fotofon3 {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    background: url(../imagenes/sas/fondo3.jpg);
    background-attachment: fixed;
    border: 1px solid #000;
    margin: 0px;
}
.fotofon3a {
    font-size: 28px;
    font-family: 'Arvo', serif;
    color: #f9cd85;
}
.fotofon3b {
    font-size: 28px;
    font-family: 'Arvo', serif;
    color: #f9cd85;
}

.fotofon4 {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
    background: url(../imagenes/sas/fondo4.jpg);
    background-attachment: fixed;
    border: 1px solid #000;
    margin: 0px;
}
.fotofon4a {
    font-size: 28px;
    font-family: 'Arvo', serif;
    color: #46260a;
}

.fotofon0 {
    padding-top: 210px;
    padding-bottom: 140px;
    text-align: center;
    background: url(../imagenes/sas/fondo0.jpg);
    background-attachment: fixed;
    border: 1px solid #000;
    margin: 0px;
}
.tlinks {
    width: 100%;
    text-align: center;
    height: 200px;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'Arvo', sans-serif;
    color:#fff;
    font-weight:bold;
}
.tlinks .tla {
    width: 440px;
}
.tll {
    text-decoration:none;
    width: 100%;
    text-align: center;
    height: 200px;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'Arvo', sans-serif;
    color: #fff;
    font-weight: bold;
}
.tll:hover {
    text-decoration: none;
    width: 100%;
    text-align: center;
    height: 200px;
    vertical-align: middle;
    font-size: 35px;
    font-family: 'Arvo', sans-serif;
    color: #0a5c92;
    font-weight: bold;
}

.lweb {
    text-decoration:none;
    text-align: center;
     vertical-align: middle;
    font-size: 21px;
    font-family: 'Arvo', sans-serif;
    color: #2471A3;
    font-weight: bold;
    margin-top:20px;
}

/*CONTACTO*/
.contactos {
    text-align: center;       
}
.contacts {
    width:100%;
}
.email1 {
    font-family: 'Lobster', sans-serif;
    font-size: 74px;
    padding-left: 74px;
    padding-bottom: 48px;
}


/*PRODUCTO*/
.Producto {
       width:100%;
       margin-top:21px;
 }
.tdfoto {
    width:40%;
    text-align:center;
}
.tdfotosel {
    height:400px;
    text-align:center;
    vertical-align:top;
}
.tdtexto{
    width:60%;
    vertical-align:top;
 }
.tdtextosel{
    vertical-align:top;
 }
.imgsel {
    height:56px;
    width:56px;
    border: 1px solid #033c52;
    margin-left:1px;
}
.imgph {
    width:348px;
    border:1px;
    border: 2px solid #033c52;
}
.carac {
    font-size:18px;
    color:#033c52;
    font-weight:bold;
}
.preci {
    font-size:16px;
    font-weight:bold;
}
.imgprop 
{
    margin:0px 0px 0px 0px;
 }

.taviso 
{
    text-align:center;
    margin-left:74px;
    padding:40px 40px 40px 40px;
}
.laviso 
{
    text-decoration:underline;
    font-size: 21px;
    font-family: 'Poppins', sans-serif;
    color: #2471A3;
}
.aviso1 
{
    margin:21px;
    font-size:28px;
    font-family: 'Arvo', serif;
    color:#8e340d;
    text-align:center;
}
.linkborrar
{
    text-decoration:none;
    font-size: 14px;
    color: #444;
}
.linkeditar {
   width: 210px;
   padding: 5px  5px  5px  5px;
   background-color: #9f0404;
   color: #eee;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.linkeditar:hover {
   width: 210px;
   padding: 5px  5px  5px  5px;
   background-color: #d2b77d;
   color: #000;   
   text-decoration: none; 
   border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*DIEŅO PRODUCTO*/
#placeholder1 {
    left: 0px;
    border-bottom: solid 1px #000;
    border-collapse: collapse;
}

#datos1 {
    margin-bottom: 7%;
    margin-left: 21%;
    font-family: 'Yaldevi', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 56px;
    line-height: 56px;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #222222;
    width: 784px;
}

#tit {
    margin-top: 7%;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

#precio1 {
    margin-top: 4%;
    margin-left: 30%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 56px;
    line-height: 43px;
    text-align: center;
    padding: 40px 35px 40px 35px;
    color: #000;
    /*background: #D4242F;
    border-radius: 10px;*/
    width: 350px;
}
#leyenda0 
{
    margin-left: 30%;
    margin-bottom: 5%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    line-height: 23px;
    text-align: center;
    padding: 20px 35px 20px 35px;
    color: #fff;
    background: #D4242F;
    /*border-radius: 10px;*/
    width: 321px;
}

.leyenda {
    width: 296px;
    left: 58px;
    font-family: 'Thasadith', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 43px;
    text-align: center;
    color: #000;
}

.leyenda2 {
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-size: 28px;
    color: #000;
    padding: 21px 0px 21px 0px;
}
#leyenda4 {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 21px;
    padding: 0px 0px 100px 0px;
}
#leyenda4 span {
    color: #fff;
    background-color: #000;
    padding: 7px 14px 7px 14px;
    font-family: 'Poppins', sans-serif;
}

.formas {
    background-color: #D4242F;
    text-align: center;
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-size: 35px;
    color: #FFF;
    padding: 47px 0px 47px 0px;
}

#detalle1b {
    padding-top: 14%;
    padding-bottom: 14%;
    padding-left: 20%;
    padding-right: 20%;
    background-color: #EAEAEA;
}

.detallet1 {
    padding-top: 200px;
    width: 100%;
}

.detallec1 {
    background-color: #EAEAEA;
    border-bottom: solid 1px #444;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
    color: #444;
}

#banner1 {
}

#ley1b {
    padding-top: 14%;
    padding-bottom: 14%;
    text-align: center;
    background-color: #EAEAEA;
    background-attachment: fixed;
}

.leyt1 {
    padding-top: 200px;
    text-align: center;
    width: 100%;
}

.leyc1 {
    color: #D4242F;
    font-size: 65px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.leyc2 {
    font-size: 30px;
    font-family: 'Poppins', sans-serif;
    color: #D4242F;
}

.piet1 {
    width: 100%;
    background-color: #fff;
    text-align: center;
}

#pie1b {
    width: 100%;
    padding-top: 7%;
    padding-bottom: 7%;
    text-align: center;
    background-color: #fff;
}

.lkredes {
    text-decoration: none;
}