/* CSS Document */
 
@charset "utf-8";
body{
   background-image:url(varios/baraja.jpg);
   background-attachment: fixed;
   padding-bottom:150px;
  }
  
/*   sangria en la 1ª linea*/
   .pl{text-indent: 25px;} 


#contenedor{width:80%; font-family: Arial, Verdana, Geneva, sans-serif;	margin-top:100px;
  margin-left: auto; margin-right: auto; padding-bottom:50px; border-width: thin;
  border-style:solid; border-color:#000000; padding-top:20px;	padding-right:20px; 
  background-color: #FFFFFF;} 

/*************************************************************************************/
  /*AQUI, EN #CONTENEDOR, SE CAMBIA EL COLOR DEL FONDO #F3E2A9; por #FFFFFF;*/
/*************************************************************************************/

#contenedor2{width:80%; font-family: Verdana, Geneva, sans-serif; margin-top:100px; margin-left: auto;
margin-right: auto; margin-bottom:100px; border-width: thin; border-style:solid; border-color:#000000;
padding: 10px 10px 80px 10px; background-color:#F3E2A9;}

#contenedor3{ width:90%; font-family: Verdana,  Geneva, sans-serif;}

#cabecera{font-size:35px; text-align:center;}

#cabecera2{
  color:  #022E06;
  text-align: center;
  font: bold 30px Verdana, Geneva, sans-serif;
  text-shadow:#999 5px 5px 4px;
  font-style:oblique;}
#cabecera21{
  color:  #022E06;
  text-align: center;
  font: bold 70px Verdana, Geneva, sans-serif;
  text-shadow:#999 5px 5px 4px;
  font-style:oblique;}
#cabecera4{
  color:  #022E06;
  text-align: center;
  font: bold 50px Verdana, Geneva, sans-serif;
  text-shadow:#999 5px 5px 4px;
  font-style:oblique;}


#cabecera3{
  color:  #022E06;
  text-align: center;
  font: bold 30px Verdana, Geneva, sans-serif;
  text-shadow:#999 5px 5px 4px;
  font-style:oblique;}


#contenidosection{
  margin-top:170px;
  margin-bottom:70px;
  font-family: Lucida Sans, Verdana,  Geneva, sans-serif;}	 
#contenido{ padding-left:70px; font-size:1.25em; padding-right:70px; text-align:justify;}

#contenido2{margin: auto; font-size:20px; padding-left: 50px; padding-right: 150px;
  text-align: justify;}
#contenido3{color:#21610B;  font: oblique 100% times new roman;}

#informacion{width:400px; height:280px; float:right;}

#barralateral{ width:40px; margin-right:3px; float: right; padding-left:10px; padding-right:10px;}

.enlace1{padding-left: 35px; text-decoration: none; color: blue; font-size: 1.25em}
.enlace2 a{text-decoration: none; font-size:1.25em;}
.enlace3 a{padding-left:35px; text-decoration: none; color: blue;}
.enlace4 a{text-decoration: none; color:#0000FF; font: oblique 100% times new roman;} 
.enlace5 a{text-decoration: none;}
.enlace6 a{color:blue;  }
.enlace7 a{color: #FF6347; font-size: 1.25em }
.enlace8 a{color:  #e10e2f; font: oblique 100% times new roan;}
.enlace9 a{ border-width: 1px; border: solid; border-color: #000000; border-radius: 6px;
 background-color:#e4e2df; font-size:21px; font-family: arial;   }

.imagen1 img{width:180px; height:180px; border: 3px solid #B40404; border-radius:15px; }

.input1{background-color: #F2F2F2; color:#000; font-size:18px} 
.tablaejemplo{  background-color: #21610B; border: #000000; border:3px; border-style: solid; }
.textoejemplo{ 	font-size:20px;  font-family: Times New Roman, sans-serif; }
.textoejemplo2{ font-size: .85em; color:#0A2A22; font: oblique 110%  Times New Roman, sans-serif;}
.textoejemplo3{ font-size:10px; color:#0A2A22; font: oblique 110%  Times New Roman, sans-serif;}

#pie{
  width:90%;
  font-family: Arial,  Verdana,  Geneva, sans-serif;
  text-align: center;
  margin-top:70px;
  margin-left: auto;
  margin-right: auto;
  padding-top:20px;
  padding-bottom:20px;
  border-width: thin;
  border-style:solid;
  border-color:#000000;
  background-color:#F3E2A9;  
 }
 p[name="mayor"]{font-size: 1.4em;}
 p[name="margen"]{padding-left:32px;}
 p[name="tipotexto"]{font-family:"Eras Light ITC"}
 p[name="h"]{line-height:4px;}
 p[name="h2"]{line-height:25px;}

.textovertical{ writing-mode: sideways-lr;}
 
#textovertical {transform: rotate(270deg); line-height:9pt;  }
#textoblue{  color:blue; font: oblique 110%  times new roman;} 
#textoEras{font-family:"Eras Light ITC"; color:green;}
#textoarial{font-family:"Arial";}
#textoEras2{font-family:"Eras Light ITC";}
#textogris{background-color:#D9DFDA;}
#textoCourier{font-family: Courier New, Courier, mono;}
.textoTimesnewroman{font: oblique 100%  Times new roman;}
.textoTimesnewroman2{font-family:Times new roman;}
.textoComicSansMS{font-family: "Comic Sans MS";}
.textocuadros{font-family:"Times New Roman"; text-align: center; vertical-align: middle;
 font-weight: bold; }
.textocuadros2{font-family:"Times New Roman";}
 
  tt{font: oblique 100%  Times new roman; font-size: 20px;}

.lineheight5{line-height:5px;}
.lineheight23{line-height:10%;}
.lineheight1{line-height:0px;}
.lineheight15{line-height:15px;}
.lineheight30{line-height:30px;}
.lineheight50{line-height:30px;}
.anexosocultos{
  margin-left:35px;
  font: oblique 110%  times new roman;}

.margen{padding-left:35px;}
.margen10{padding-left:10px;}
.margen20{padding-left:20px;}
.margen30{padding-left:30px;}
.margen10b{padding-right:10px;}
.margen35{padding-left:35px;}
.margen40{padding-left:40px;}
.margen60{padding-left:60px;}
.margen80{padding-left:80px;}
.margen60b{margin-left:60px;}
.margen60c{padding-right: 60px;}
.margen120{padding-left:120px;}
.margenauto{margin-left: auto;
    margin-right: auto;}
.margenD15{ margin-right: 15%; margin-left: 15%; }
.margenP15{ padding-right: 5%; padding-left: 5%; }
.margenT30{padding-top:30px;}
.ttmas1{font-size:1.1em;}
.ttmas3{font-size:1.2em;}
.ttmas2{font-size:1.4em;}
.ttmenos1{ font-size:0.9em;}
.ttmenos2{ font-size:0.8em;}

.tt10{font-size: 10px;}
.tt12{font-size: 12px;}
.tt15{font-size: 15px;}
.tt16{font-size: 16px;}
.tt17{font-size: 17px;}
.tt18{font-size: 18px;}
.tt19{font-size: 19px;}
.tt20{font-size: 20px;}
.tt21{font-size: 21px;}
.tt22{font-size: 22px;}
.tt23{font-size: 23px;}
.tt24{font-size: 24px;}
.tt25{font-size: 25px;}
.tt27{font-size: 27px;}
.tt30b{font-size: 30px;}
.tt30{font-size:35px;}
.tt40{font-size:40px;}
.tt50{font-size:45px;}
.tt70{font-size:70px;}
.tt130{font-size: 130%;}
.tt150{font-size: 150%;}
.tt175{font-size: 175%;}

#rojo{ color:#FF6347; } 
cr{color:#FF6347; }
r{color:#FF6347; } 
#cv{color:green;}
#ca{color:blue;}
cv{color:green;}
cv2{color:#0B3B0B;} 
cn{color:#000000;} 
ca{color:blue;}
cn{color:#000000;}

cg{color:#FF6347;}
dg{color:#EF822F;} #EF822F  #e67e22;

.colortexto1{color:#EF822F;}

.fondonegro{background-color: #000000;  color: #FFFFFF;}
.fondogris{ background-color: #CCCCCC;  }
.fondogris2{ background-color: #F2F2F2;  }
.fondogris3{ background-color: #A4A4A4;  }
.fondogris4{ background-color: #e4e2df;  }
.fondoblanco{ background-color: #FFFFFF; }
.fondoazul{ background-color: #5FD4EC;}
.fondoazul2{ background-color:#53EAFD;}
.fondorojo{background-color:#FF6347; }
.fondorojo2{background-color:#FE2E2E; }
.fondorojo3{background-color:#F79F81; }
.fondoverde{background-color:#5DC338; }
.fondoverde2{background-color:#A4F4CF; }
.fondomarron{background-color:#F6D595; }
.fondomarron2{background-color:#F6E3CE; }
.fondoamarillo{background-color:#FEF9C2; }

.textoblanco{color:#FFFFFF; }

  


.botonenviar1{background-color: rgb(0,0,0);  color:#FFFFFF; font-size:18px}
.botonenviar2{background-color: #424242;   color:#FFFFFF; font-size:16px}
.botonenviar3{background-color:  #145a32 ;   color:#FFFFFF; font-size:16px}
.alineacion1{ text-align: center;  vertical-align: middle;}
.alineacion2{ text-align: center;  vertical-align: bottom;}
.alineacion3{ text-align: center;  vertical-align: top;}
.alineacion4{ text-align: left;}
.alineacion5{ text-align: top;}
.estilobordetabla{ border: #999999 solid thin; }
 
.subastacuadrotipo1{
  border-radius: 7px; box-shadow:5px 5px 5px 0 rgba(0,0,0,.4); border-style:solid;}
.bordetipo1{
  border-radius: 7px; box-shadow:10px 10px 10px 0 rgba(0,0,0,.4); border-style:solid;}
.bordetipo2{border: solid 1px;}

.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.strong{font-weight: bold; }
.justify{text-align: justify;}
.top{text-align: top;}
.cursiva{font-style:  italic ;}
/*CODIGOS PARA MESAS TAPETE VERDE*/
.bordemesaverde{border: solid 2px #000000;}
.fondomesaverde{background-color:#06960d; }  
 
.bordecelda{border: solid 1px black; }
/*BORDE EXTERIOR TABLA*/
.bordeexterior{ border-style: solid; border-top-width: 1px;  border-right-width: 1px; 
  border-bottom-width: 1px; border-left-width: 1px;} 
.bordeexteriortable{border:1px solid}

#borde555{border:hidden}
#border556 {border: 1px solid #0000ff;}
 


/* CSS 556 Utilizada en subasta_dos_a1_aperturas.html*/
.td{ border-top: 2px solid;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-left: 2px solid;
    background-color:#D8D8D8;
    text-align:center;} 
 /* Fin CSS 556 Utilizada en subasta_dos_a1_aperturas.html*/
.taulaNSEO {  
  background-color: #008080; 
  border: #CC9933; border-style: 
  solid; border-top-width: thin; 
  border-right-width: thin; 
  border-bottom-width: thin; 
  border-left-width: thin
}
.etaula { 
  font-family: Comic Sans MS; 
  font-size: 16px; 
  background-color: white; 
  border: thick #009900 solid;
}

#lineaseparacion{
color: #0056b2;
margin-left: 100px;
margin-right: 100px;} 

/*CSS boton "más informacion" y "Ocultar*/
.botonmi{background-color:#F2F2F2;  color:#000; font-size:18px; }
.botonmi2{background-color:#f0b27a;  color:#000; font-size:18px; }
.botonmi3{background-color:  #d7dbdd  ;    font-size:16px; }
.anone a{ text-decoration: none;}
.stylenone{display:none;}
.styleblock{display:block;}

#desplazamientospaginas{ text-align:center;}
#desplazamientospaginas a{ color:#21610B; text-decoration: none;}
#desplazamientospaginasflechas{ font-size:50px; }
#desplazamientospaginasflechas2{ font-size:35px; }
#desplazamientosinternos{ text-align:right; font-size:15px; padding-right: 40px;}
#desplazamientosinternos a{ color:#21610B; text-decoration: none; font-size:15px;}

#footer{padding-left:150px; padding-right:150px; font-size:17px; text-align: justify;} 

/* bordes de tablas*/
 



/*INICIO CODIGO CSS EJEMPLOS TIPO BRIDGEWAAP---------------------------------*/
/*-----------------------------------------------------------------------------*/
  #contenedorBW{
    width:80%;
    font-family: Cambria, Arial,  sans-serif;
    margin-top:100px;
    margin-bottom:200px;
    margin-left: auto;
    margin-right: auto;
    border-width: bold;
    border-style:solid;
    border-color:#000000;
    padding-bottom:100px;
    background-color:#F8F7F3;}

  #contenidoBW{font-size:20px; text-align:justify;}

  .cabeceraBW{
    color:  #022E06;
    text-align: center;
    font: bold 70px Verdana, Geneva, sans-serif;
    text-shadow:#999 5px 5px 4px;
    font-style:oblique; 
    margin-bottom: 50px;
    font-size: 50px;}

  .subasta{
    border-width: thin;
    border-style:solid;
    border-radius: 5px;
    box-shadow:4px 4px 4px 0 rgba(0,0,0,.6);
    margin-bottom: 30px;
/*    font-weight: bold; */
    font-size:40px;}  

  .textosubasta{ color: #000000;}

  .mesajuego{
    border-width:3px;
    border-style:solid;
    border-color:#0B2F3A;
    background-color:#06960d;
    -webkit-border-radius:10px;
    border-radius:10px;
    box-shadow:4px 4px 4px 0 rgba(0,0,0,.5)}

  .error{
    display: none;
    position: absolute;
    padding-top: 65px;
    margin-left: 30px; 
    font: bold  oblique 120px   Cambria, Arial, Helvetica, sans-serif;
    text-shadow:#06C199 7px 7px 6px ;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);   
    color:#2A37A9;}

  A:visited {text-decoration: none; color:inherit;}
  A:hover{ text-decoration: none; color:inherit; }
  A:link{ text-decoration: none; color:inherit; }

  .solucion{display: block; font-size: 35px;}

  .respuesta{
    display: none;
    border-width: medium;
    border-style:solid;
    border-color:#000000;
    padding:35px;

    border-radius: 15px;  
    background-color:#F3E2A9;  
    box-shadow:8px 8px 8px 0 rgba(0,0,0,.6);}

  .nuevamano{
    margin-top:100px;
    margin-left: auto;
    margin-right: auto;
    border-width: thin;
    border-style:solid;
    border-radius: 5px;
    box-shadow:4px 4px 4px 0 rgba(0,0,0,.6);
    font-weight: bold; 
    font-size:25px;}

  .opciones{
   margin-left:auto;
   margin-right:auto;
   border-width:1px; border-style:solid; border-color:#000; 
   display:table;
   background-color:#D1D1D1;
   -webkit-border-radius:6px;
   border-radius:6px;
   -webkit-box-shadow:6px 6px 6px 0 rgba(0,0,0,.5);
    box-shadow:6px 6px 6px 0 rgba(0,0,0,.5);}
   
  .opcion{
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#000}
   
  .opcionefecto:focus,.opcionefecto:hover{background-color:#ff0; color:#000000;}
  .colorst{background-color:#151515; color:#fff; font-size:80%}
  .colorpic{background-color:#F5A9BC}
  .colorcor{background-color:#F6E3CE}
  .colordiam{background-color:#9FF781}
  .colortrebol{background-color:#CED8F6}
  .colordoblo{background-color:#CCC9C9}
  .colorpaso{background-color:Teal;color:#fff}
  .colorefectopaso:focus{color:#000} 
  .blanco{background-color:#FFFFFF} 



/*-----------------------------------------------------------------------------*/
/*FINAL CODIGO CSS EJEMPLOS TIPO BRIDGEWAP-----------------------------------*/
/*Codigo CCS de WatsApp*/
  .watsapp{
    position: fixed;
  
 }
 .whatsapp img{
  width: 60px;
 }   
/*Fin Codigo CCS de WatsApp*/
.float1{ float: left;}
.lineablanco{ line-height:9pt; display:block;}
.lineablanco2{ line-height:5pt; display:block;}
.lineablanco3{ line-height:0pt; display:block;}
.displayinline{display:inline;}
.clearboth{clear: both;}

<p class="clearboth">&nbsp;</p> /*pone fin a un float*/ 
<span class="lineablanco">&nbsp;</span> /*linea en blanco de altura a elegir*/
/*<span class="lineablanco2">&nbsp;</span> /*linea en blanco de altura a elegir*/
 ^\s*\n

/*Fondo blanco para copiar imagenes*/
<div id="contenido" class="fondoblanco">
<style type="text/css">
  .fondoblanco{ background-color: #FFFFFF; }
</style> 


p{margin: 3 auto;
  text-indent: 0.5 cm;}