@charset "utf-8";
.site-container{background-color:#fff;margin-top:0;margin-bootom:0;}
.fuego{color:#CC3300;}
.tierra{color:#039936;}
.aire{color:#FF6600;}
.agua{color:#3f6fff;}
.form_carta{ -moz-border-radius:10px;-webkit-border-radius:10px;khtml-border-radius:10px;border-radius:10px;behavior:url(//sermasyo.es/carta-natal/ie/pie.htc);background-color:#D3E4FF;border:2px solid #83B1F2;margin:10px auto;padding:10px;}
.form_carta checkbox,.form_carta radio,.form_carta input[type="checkbox"],.form_carta input[type="radio"],.bloque checkbox,.bloque radio,.bloque input[type="checkbox"],.bloque input[type="radio"]{box-shadow:none;width:auto;}
.form_carta submit, .form_carta input[type="submit"],.bloque submit, .bloque input[type="submit"],.rueda submit, .rueda input[type="submit"]{
	border: 1px solid #1173AD !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 0 0 1px #DBF1FF;
	box-shadow: none;
	color: #fff !important;
	cursor: pointer;
	float:right;
	margin:0.3em!important;	
	padding: 1% 4%;
	text-transform: none !important;
}
.rueda submit, .rueda input[type="submit"]{float:left;margin:0 5px 0 0;}
.form_carta input[type="submit"]:hover, .form_carta input[type="submit"]:focus,.bloque input[type="submit"]:hover, .bloque input[type="submit"]:focus,.rueda input[type="submit"]:hover, .rueda input[type="submit"]:focus{
	background-position: 0 -9px !important;
}
.form_carta button, .form_carta input[type="button"]{
    border: 1px solid #CCC !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 0 0 1px #DBF1FF;
    box-shadow: none;
    color: #333!important;
    cursor: pointer;
    text-transform: none !important;
    min-width: 100px;
    padding: 5px;
    margin: 13px;
}
.form_carta button:hover, .form_carta input[type="button"]:hover{
	background-position: 0 -240px !important;
}
.form_carta .boton_enlace{background:none !important;border:none !important;color:blue !important;cursor:pointer;margin:2px 0;padding:0 !important;text-align:left;text-decoration:underline;}
.form_carta fieldset{border-color:#83B1F2;border-radius:5px;}
.bloque input[type="image"], .bloque image{
	background-color: transparent;
	border: none;
	height: 35px;
	padding: 0;
	width: 23px;
}
.select_ciudad{border:none;color:blue;cursor:pointer;width:100%; text-decoration:underline;}
.boton_hidden{display:none}
.td_left{width:45%}
.td_right{width:45%}
#truenode,#truelilith{margin-left:0em;}
.left{float:left;width:auto;margin-right:1em;}
.rueda{ margin:0 auto;text-align:center; max-width:900px; }
#cartaimg{ height:100%; width:100%; }
.rueda a{float:right;max-width:30% }
.rueda form input{float:left;margin-right:5px; }
.rueda p{clear:both;padding-top:20px;}
.bloque{
-moz-border-radius:10px;-webkit-border-radius:10px;khtml-border-radius:10px;border-radius:10px;behavior:url(//sermasyo.es/carta-natal/ie/pie.htc);
color:#000D56;
margin:10px 3px 0 0;
padding:18px;
text-align:left;
}
.bloque table,.bloque tbody{border:none;}
.bloque div{float:left;}
.bloque .col{
margin:0;
padding-right:50px;
max-width:50%;
}

.bloque_verde{background-color:#D5F0DD;}
.flechas{float:left;}
.flip_horizontal{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
margin-right:10px;
}
.astros{
background-color:#D5F0DD;
border-collapse:collapse;
color:#000D56;
font-size:14px;
margin:0;
position:relative;
width:auto;
}
.astros div{ float:left; margin-top:3px; }
.astros td{ border-bottom:1px solid #ccc!important; padding:5px 0 1px 5px; white-space:nowrap;}
.astros th{ color:#000D56; padding:2px 5px; }
.casa{ color:red; font-weight:bold; padding-right:5px!important; text-align:right; }
.orbe{ padding-right:5px!important; text-align:right; }
.aspectario{
background-color:#D5F0DD;
border-collapse:collapse;
color:#000D56;
font-size:14px;
position:relative;
table-layout:fixed;
max-width:475px;
}
.aspectario td{ border:1px solid #ccc!important; height:20px; padding:0; width:20px; }
.aspectario .vacio{ background-color:#ccc; border:1px solid #D5F0DD!important; }
.aspectario .btn{ color:#000D56; font-size:11px;}
.astros div,.aspectario div{
height:19px; 
overflow:hidden;
position: relative;
width:19px;
}
.astros img,.aspectario img, .aspectario input[type="image"]{ height:160px; padding:0; width:120px; max-width:120px;}
#generalidades{ vertical-align:top;}
#generalidades p{margin:0; padding:0;}
#generalidades img{height:57px; width:57px;}
#generalidades tr{ border:0;}
#generalidades td{ border:0;width:25%;}
#generalidades .generalidad{ width:auto; height:auto; margin:0 10px 0 0; padding:0; line-height:15px;}
#generalidades .barra{
width:100px;
height:10px; 
padding:0; 
margin:2px 0 5px 5px; 
background-color:#ffffff; 
float:none;
text-align:left;
}
#generalidades .barra div{height:10px; padding:0; margin:0; float:none;}
#generalidades .hemisferios{background-color:#FFF;border-radius:50%;border:1px solid #333;float:none;height:60px; margin:0 auto;text-align:center;width:60px;}
#generalidades .hemisferios div{height:50%;margin:0;width:50%;}
#generalidades .hem1,#generalidades .hem2{border-bottom:1px solid #333;}
#generalidades .hem1,#generalidades .hem3{border-right:1px solid #333;}
#opciones{float:none;}
@media only screen and (max-width: 1023px){#opciones div{margin:0;}}
@media only screen and (min-width: 1024px){#opciones div{width:32%;}}
#opciones .col{padding:0;width:50%;}
.s1{margin:0;}
.s2{margin:0 0 0 -20px;}
.s3{margin:0 0 0 -40px;}
.s4{margin:0 0 0 -60px;}
.s5{margin:0 0 0 -80px;}
.s6{margin:0 0 0 -100px;}
.s7{margin:-20px 0 0 0;}
.s8{margin:-20px 0 0 -20px;}
.s9{margin:-20px 0 0 -40px;}
.s10{margin:-20px 0 0 -60px;}
.s11{margin:-20px 0 0 -80px;}
.s12{margin:-21px 0 0 -100px;}
.p1{margin:-40px 0 0 0;}
.p2{margin:-40px 0 0 -20px;}
.p3{margin:-40px 0 0 -40px;}
.p4{margin:-40px 0 0 -60px;}
.p5{margin:-40px 0 0 -80px;}
.p6{margin:-40px 0 0 -100px;}
.p7{margin:-60px 0 0 0;}
.p8{margin:-60px 0 0 -20px;}
.p9{margin:-60px 0 0 -40px;}
.p10{margin:-60px 0 0 -60px;}
.p11{margin:-60px 0 0 -80px;}
.p12{margin:-60px 0 0 -100px;}
.p13{margin:-80px 0 0 0;}
.p14{margin:-80px 0 0 -20px;}
.p15{margin:-80px 0 0 -40px;}
.p16{margin:-80px 0 0 -60px;}
.p17{margin:-80px 0 0 -80px;}
.p18{margin:-80px 0 0 -100px;}
.a00{margin:-120px 0 0 -40px}
.a1{margin:-100px 0 0 0;}
.a2{margin:-100px 0 0 -20px;}
.a3{margin:-100px 0 0 -40px;}
.a4{margin:-100px 0 0 -60px;}
.a5{margin:-100px 0 0 -80px;}
.a6{margin:-100px 0 0 -100px;}
.a7{margin:-120px 0 0 0;}
.a8{margin:-120px 0 0 -100px;}
.a9{margin:-140px 0 0 0;}
.a10{margin:-140px 0 0 -20px;}
.a11{margin:-140px 0 0 -40px;}
.p38{margin:-120px 0 0 -20px;}
.p40{margin:-120px 0 0 -60px;}
.p41{margin:-120px 0 0 -80px;}
.p42{margin:-120px 0 0 -100px;}
.clear{clear:both;float:none !important;margin:0}

.bloque.bloque_verde>table>tbody>tr, 
.bloque.bloque_verde.left>table>tbody>tr  {
    border: none!important;
}



input#nombre, input#fecha, input#fechaTR, input#hora, input#horaTR, input#ciudad {
	background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0 0 5px #ddd inset;
color: #292929;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
padding: 0.5rem;
margin: 10px 0!important;
border-radius:4px;
width:100%;
font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 17px;
}

select#metodo, select#posicion, select#Pais {
	background-color: #f5f5f5;
border: 1px solid #ddd;
box-shadow: 0 0 5px #ddd inset;
color: #292929;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 1.4rem;
padding: 0.5rem;
margin: 10px 0!important;
border-radius:4px;
font-family: open sans, sans-serif;
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 20px!important;
width: 100%;
}

.td_left {
    width: 45%;
    float: left;
}

.td_right {
    width: 45%;
    float: right;
}

.bloque.bloque_azul {
    background: #92cffb85;
}

.bloque.bloque_azulev {
    background: #92cffb85;
    border-radius: 0;
    margin-bottom: 1.2em;
    display: flow-root;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.bloque .col {
    margin: 3px;
    background: #c6e6fd;
    max-width: 350px;
    border-radius: 0;
}

.bloque input[type="submit"] {margin-top:1.5em;}

fieldset {
    border: 1px solid #83b1f2!important;
    margin: 0 2px!important;
    padding: .35em .625em .75em!important;
}

legend {border-bottom: 1px dotted #83b1f2!important;
    padding: 0px 10px!important;
    border-right: 1px dotted #83b1f2!important;
    border-left: 1px dotted #83b1f2!important;
    font-size: 1.1rem!important;}

input#hora, {width:auto;}

input[type="submit"] {float:left;}

#opciones {
    float: none;
    margin-left: 18px;
}

.astros th, th {text-transform: uppercase;}

table, td, tr {
    border: none!important;
}


.bloque_cta {
    clear: both;
    padding-top: 1em;
}


#opciones .col {
    padding: 0;
    width: 40%;
    border: none;
}

input#hora {
    width: auto;
}

input#ciudad {
    margin-bottom: 1.2em!important;
}

body {font-size:17px!important; line-height:28px!important; font-family:Open Sans!important;}

h1 {font-size:34px!important; line-height:31px!important;margin-bottom:1.5em!important;
 font-family: Roboto Slab!important; color:#417bdb!important;}

@media (min-width: 1400px){
body, .astros td {font-size:1.1rem!important;}
}

.bloque.bloque_verde.left {
    padding: 12px;
}