body {
	background-image: url(../images/backgrounda.gif);
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-repeat: repeat-x;
	overflow: auto;
	margin: 2px 0px 0px 0px;
}
/*interior*/
#header {
	background-image: url(../images/logo.gif);
	height: 100px;
	background-repeat: no-repeat;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	width:950px;
}
#pagina {
	background-color: #404040;
	margin-left: auto;
	margin-right: auto;
	height: 80%;
	width:950px;
	min-height: 430px;
	padding-left: 10px;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	color: #ffa448;
	font-weight: bold;
}
#pagina a {
	color: #ffa448;
}
#pagina a:hover {
	color: #ffa448;
	text-transform: uppercase;
	color: #a7387b !important;
}
.paginador {
	text-align: center;
}
.paginador a:hover {
	color: #a7387b !important;
}
#pie {
	background-color: #404040;
	margin-left: 10%;
	margin-right: 10%;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	color: #ffa448;
	font-weight: bold;

	margin-left: auto;
	margin-right: auto;
	width:950px;
}
#xhtml {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#xhtml img{border:none;}
/*menu*/
.menu {
	display: inline;
	text-align: center;
	background-color: #404040;
}
.menul, .menu2 {
	display: inline;
}
* html .menul {
	margin-left: 0px;
	margin-right: 0px;
}
* html .menu2 {
	margin-left: 0px;
	margin-right: 0px;
}
.menul, .menu2 {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'trebuchet ms', helvetica, sans-serif;
}
.menu2 {
	font-size: 10px;
	margin-top: 2px;
}
.menu2 a {
	color: #ffa448;
}
.menul LI , .menu2 LI {
	display: inline;
}
.menul li a:hover , .menu2 li a:hover {
	text-decoration: none;
}
.menul A li, .menu2 A li {
	color: #ffa448 !important;
	padding: 2px 0px 2px 20px;
	/*border-top: 1px solid #FFFFFF;
*/
}
.menul A:hover, .menu2 A:hover {
	/*#a64b87;
	background-color: #000;
	color: #F9932D;
	border-top: 2px solid #ffa448;
	border-bottom: 2px solid #ffa448;
*/
	color: #a7387b !important;
}
#contenido {
	margin-top: 30px;
}
/*textos y contenidos..............................*/
h1 {
	/*text-indent: -99999px;
	font-size: 0;
	width: 0;
	height: 0;
*/
	margin-left: 150px;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	color: #ffa448;
}
.peq{font-size:14px;}
h2 {
	margin: 0px;
	font-size: 15px;
	text-transform: uppercase;
}
.caja1 {
	display: inline;
	float: left;
	width: 246px;
	height: 150px;
	border: 2px solid #ffa448;
	margin: 7px;
}
.caja2 {
	display: inline;
	float: left;
	width: 232px;
	height: 136px;
	border: 2px solid #a64b87;
	margin: 0px;
	background-color: #000;
	padding: 5px;
}
.lista {
	list-style-type: square;
	font-size: 12px;
}
.lista2{list-style-type: none;
	font-size: 14px;
	width:200px;}
.separador {
	font-size: 0px;
}
/*------------CALENDARIO----------------*/
#calendario {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
}
/*#mes para configurar aspectos de la caja que muestra el mes y el año*/
#mes {
	font-weight: bold;
	text-align: center;
	color: #CC6633;
	background-color: #E4CAAF;
}
/*.diaS para configurar aspectos de la caja que muestra los días de la semana*/
.diaS {
	color: #ffffff;
	background-color: #666666;
}
/*.celda para configurar aspectos de la caja que muestra los días del mes*/
.celda {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	cursor: default;
}
/*.Hoy para configurar aspectos de la caja que muestra el día actual*/
.Hoy {
	color: #ffffff;
	background-color: #666666;
	font-weight: normal;
	cursor: default;
}
#miCalendario {
	text-align: center;
}
/*.selectores para configurar aspectos de los campos para el mes y el año*/
.selectores {
	font-family: verdana;
	font-size: 10px;
	color: #990000;
	margin-bottom: 2px;
	margin-top: 2px;
}
.bfecha {
	position: relative;
	bottom: 100px;
	border: none;
	background-color: #fff;
	display: block;
	float: right;
}
.busqueda {
	border: none;
	background-color: #fff;
}
/*------------FIN   CALENDARIO----------------*/
.col1 {
	width: 320px;
	float: left;
	display: inline;
}
.form1 {
margin-bottom:20px;
margin-top:20px;
	/*position: relative;
	left: 30px;
	top: 130px;*/
}
/*--------------formulario contacto--------------*/
#contacto {
	padding-right: 10px;
	/* width: 500px;
*/
	height: 100px;
}
/*formulario */
/*--------------fin formulario contacto--------------*/
/*---------------abcd---------------*/
.abcd {
	font-size: 70%;
	display: inline;
	text-align: center;
	margin-left: 50px;
	margin-right: auto;
	margin-bottom: 30px;
}
.centrado {
	text-align: center;
}
/*.email {
	unicode-bidi: bidi-override;
	direction: rtl;
}
*/
/****tags--------------------------*/
#tags {
	width: 500px;
	text-align: justify;

	overflow: visible;
	margin-left: auto;
	margin-right: auto;
	background-color: #404040;
	margin-bottom: 20px;
	padding-bottom: 10px;
/*		height: 500px;
border:1px solid orange;
	margin-top:300px;*/
}
#tags a:hover{text-transform: none;}
.tag1 {
	font-size: 9px !important;
}
.tag2 {
	font-size: 11px !important;
}
.tag3 {
	font-size: 14px !important;
}
.tag4 {
	font-size: 16px !important;
}
.tag5 {
	font-size: 22px !important;
}
/*******comprar ---------------*/
.vercompra{position:fixed;top:300px;right:120px;}
#telefono2{
visibility: hidden;
}
#nombre{display:none;}
#pack{position:absolute;top:125px;right:30px;width:150px;height:150px;}
#pack:hover{border:1px solid #ff880b;}
.espaciador{width:500px;height:1px;display:block;}
.grisback{background-color:#cdc7c7;color:black;padding-left:10px;}
.hide{display:none;}
.inline{display:inline;}

.boxit{border:1px solid white;padding:5px;margin-top:10px;}
.mobi{width: 49%;
display: inline-block;
vertical-align: top;}

@media screen and (max-width: 930px) {

#pagina{
	min-width:310px;
	width:90% !important;
	padding:5px !important;
	}
#pack{
	display:none;
	}
#pie{
	min-width:310px;
	width:90% !important;
	padding:5px !important;
}
#sbi{
	min-width:310px;
	width:90% !important;
	padding:5px !important;
}
#sbb:before { content: '\A'; }
#sbb{min-width:310px;
	width:90% !important;
	padding:5px !important;
	display:block;
	}
	.mobi{width:100%;}
}
.network{display:inline;margin-left:50px;}
.network li{display:inline;}
ul li{word-wrap: break-word;}

/*social */
 /*code {
        padding: 0 !important;
      }*/
      .social-button.google .popn-socialbutton-count {
        position: relative;
        box-shadow: none !important;
      }
      .social-button.google .popn-socialbutton-count:after,
      .social-button.google .popn-socialbutton-count:before {
        border: solid transparent;
        content: ' ';
        width: 0;
        height: 0;
        left: -16px;
        position: absolute;
      }
      .social-button.google .popn-socialbutton-count:after {
        border-width: 6px;
        border-right-color: #eee;
        top: 5px;
        left: -11px;
      }
      .social-button.google .popn-socialbutton-count:before {
        border-width: 8px;
        border-right-color: #888;
        top: 3px;
      }
      .social-button.google a.popn-socialbutton-count:hover:after {
        border-right-color: #ddd;
      }
.popn-socialbutton-count{cursor: default; position: absolute; color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); font-size: 11px; text-decoration: none; outline: none; font-weight: bold; padding: 0px 4px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; z-index: 1; top: 32px; right: -12px; background-color: rgb(204, 0, 0);}
.linkedin{float: left; position: relative; width: 44px; height: 44px; margin-top: 6px; margin-left: 24px;}
.linkedin:hover{margin-top:0px !important;}
.ads300{width:320px;display:inline-block;}
@media screen and (max-width: 760px) {
.ads300{width:100%;}
}

button .button-iphone{font-weight:800;border:none;}


.safe-green, .safe-red, .safe-yellow {
	border-radius: 50%;
	width: 10px;
	height: 10px; 
	position:relative;
	bottom:12px;
	/* width and height can be anything, as long as they're equal */
}
.safe-green{background-color:green;}
.safe-red{background-color:red;}
.safe-yellow{background-color:yellow;}

.message-box{border: 1px solid #ffa448;padding: 20px;border-radius: 10px;    box-sizing: border-box;margin-top:30px;width:75%;margin-bottom:15px;}

.message-box-inside::before{
	content: "\"";
	font-size: 40px;
	color:#ffa448;
}

.message-box-inside::after{
	content: "\"";
    position: relative;
    top: 44px;
	font-size: 40px;
	color:#ffa448;
}