/*
Theme Name: myspyspot
Theme URI: http://www.myspyspot.com/
Description: Theme para la pagina corporativa de myspyspot.
Version: 1.0
Author: Inicia Media
Author URI: http://www.iniciamedia.com/
*/

/*Reset CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*--------------------------------------------*/
/*Elementos css comunes para todas las paginas*/
/*--------------------------------------------*/
body {
	/*background: #333 url(images/header-bg.png) repeat-x top;*/
}

#main {
	
}

#header-bg {
	height: 117px;
	background: #333 url(images/header-bg.png) repeat-x top;
	background-color: #333;
}

#header {
	width: 960px;
	height: 117px;
	margin: 0 auto;
}

#logo { 
	position: absolute;
	width: 180px;
	height: 89px;
	padding: 13px 0 0 0;
}


.mh220{
min-height: 220px;
}


#menu {
	position: absolute;
	width: 777px;
	margin: 0 0 0 183px;
}

#menu-principal {
	float: left;
	background: url(images/menu-bg.png) no-repeat;
	width: 455px;
	height: 43px;
	margin: 0 0 0 135px;
}

.quees {
	float: left;
	margin: 12px 0 0 15px;
	padding: 0;
}

.quees li {
	display: inline;
	font: 15px Arial, Helvetica, sans-serif;
	color: #fd8c08;
	font-weight: bold;
	padding: 0 15px 0 0;
}

.quees a {
	color: #fd8c08;
	text-decoration: none;
}

.quees a:hover, .utiliza a:hover, #menu-secundario a:hover {
	color: #fff;
}

.utiliza {
	float: right;
	width: 165px;
	height: 35px;
	background: url(images/utiliza-bg.png) no-repeat;
	margin: 4px 4px 0 0;
	padding: 0;
	text-align: center;
}

.utiliza li {
	font: 15px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	padding: 8px 0 0 0;
}

.utiliza a {
	color: #333;
	text-decoration: none;
}

#menu-secundario {
	float: right;
	height: 43px;
	margin: 0 0 0 0;
	width: 175px;
}

.secundario {
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
}

.secundario li {
	display: inline;
	font: 13px Arial, Helvetica, sans-serif;
	color: #fd8c08;
	padding: 0 5px 0 0;
}

.secundario a {
	color: #fd8c08;
	text-decoration: none;
}

.current_page_item a {
	color: #fff;
}

#seccion {
	height: 64px;
	background: #fff;
	border-bottom: solid 1px #f6f6f6;
}

#seccion h1 {
	width: 960px;
	height: 52px;
	margin: 0 auto;
	font: 32px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #fd8c08;
	padding: 12px 0 0 0;
}

.seccion-txt {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
}

.seccion-content {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
}


.seccion-content a{
	text-decoration: none;
	color: #fd8c08;
}


.seccion-txt a{
	text-decoration: none;
	color: #fd8c08;
}

#content-bg {
	background: #fff url(images/content-bg.png) repeat;
}

#content {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#content-left {
	float: left;
	width: 600px;
	margin-bottom: 30px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
}

#content-right {
	float: right;
	width: 315px;
	padding: 15px 0 25px 0;
}

#content-center {
	padding: 15px 0 25px 0;
}

#footer {
	height: 100px;
	background: #fff url(images/resumen-bg.png) repeat-x top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

#footer_content {
	height: 100px;
	font: 13px Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 960px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	background-image: url(images/fondo_legal.png);
	background-position: 254px 10px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer a {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	color: #fd8c08;
}

#bg-idepa {
	background-color: #F5F5F5;
}

#idepa {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#idepa p{
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

#idepa img{
	padding: 10px 15px 0 0;
}

#idepa a{
	text-decoration: none;
	color: #fd8c08;
}

#copy {
	float: left;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	width: 960px;
	font-weight: bold;
}

#legal {
	float: left;
	margin: 20px 0 0 0;
}

#social-footer {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	text-shadow: 0px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=0, offy=1);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	color: #666666;
	font-weight: normal;
	width: 255px;
	height: 35px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}

#social-footer img{
	margin-right: 4px;


}
#contacto-footer {
	float: left;
	color: #fff;
	width: 660px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#contacto-footer p{
	float: right;
	padding-right: 70px;
}

#contacto-footer ul {
	float: left;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10;
	padding-bottom: 0;
	padding-left: 0;
}

#contacto-footer ul li {
	display: inline;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 5px;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	height: 15px;
}


.li-borde {
	border-right: solid 1px #fff;
}

.form {
	padding: 10px 15px;
}

.form input[type="text"] {
	padding: 6px;
	height: 16px;
	border: solid 1px #eee;
	font-size: 13px;
	font-style: italic;
	color: #999;
	vertical-align: middle;
}
.form input[type="image"] {
	vertical-align: middle;
}

/*Boton enviar del formulario de contacto*/
.boton-enviar {
	background: url(images/button-enviar.png) no-repeat;
	width: 60px;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: none;
}



/*---------------------------------------------------------------------------*/


/*---------------------------------*/
/*Elementos css para la pagina Home*/
/*---------------------------------*/
#header-bg-home {
	/*background: url(images/header-bg-home.png) no-repeat center;*/
	background: #333 url(images/header-bg.png) repeat-x top;
	height: 367px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10;
	margin-left: auto;
}

#header-home { 
	width: 960px;
	height: 438px;
	margin: 0 auto;
}

#cabecera { 
	position: absolute;
	height: 345px;
}

#txt-home {
	position: absolute;
	top: 190px;
	padding: 0 0 0 30px;
}

.txt-principal {
	width: 625px;
	font: 25px Georgia, "Times New Roman", Times, serif;
	color: #fd8c08;
}

.txt-secundario {
	width: 500px;
	font: 15px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #727576;
	margin: 10px 0 0 0;
}

#botones-header-home {
	position: absolute;
	top: 365px;
	width: 574px;
	margin: 0 0 0 30px;
}

.mas-sobre-myspyspot {
	float: left;
}

.utilizar-myspyspot-gratis {
	float: right;
}

#resumen-bg {
	background: #fff url(images/resumen-bg.png) repeat-x top;
	height: 113px;
}

#resumen {
	width: 960px;
	margin: 0 auto;
}

.resumen-rastrea, .resumen-comparativa, .resumen-saber {
	float: left;
	width: 318px;
	height: 78px;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-top: 0px;
}

.resumen-rastrea {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-image: url(images/icon-rastrea.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.resumen-comparativa {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-image: url(images/icon-comparativa.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.resumen-saber {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-image: url(images/icon-saber.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}

.resumen-txt {
	margin: 22px 0 0 100px;
	padding: 0 20px 0 0;
}

.resumen-txt h1 {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.resumen-txt p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

#content-left-home {
	float: left;
	width: 400px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

#content-left-home-content {
	background: url(images/content-left-home-content.png) repeat-y;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#paraquienes {
	float: left;
	width: 350px;
	min-height: 230px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 45;
	margin-left: 25px;	/*background: url(images/paraquienes-bottom.png) no-repeat bottom;*/
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FF6600;
	height: 375px;
	padding: 0px;
}

#participan {
	/*float: right;*/
	width: 350px;
	/*margin: 18px 23px 0 0;*/
	margin: auto;
	padding-top: 35px;
}

.h2-quienes-participa {
	font-weight: normal;
	color: #333333;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	padding: 0;
}

.bullet-paraquines {
	list-style-image: url(images/bullet.png);
	padding: 25px 20px 15px 44px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}

.precios-paraquienes {
	background: #fff;
	text-align: center;
}

.participan-content {
	overflow: hidden;
	width: 295px;
	margin: auto;
	background-color: #fff;
	background-image: url(images/participan.png);
	padding: 25px;
}
.participan-top {
	width: 345px;
	margin: auto;
}
.participan-bottom {
	width: 345px;
	margin: auto;
}

.participan-cliente-left {
	float: left;
	border: solid 1px #f2f2f2;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 10px;
	padding: 5px;
	height: 67px;
	width: 120px;
}

.participan-cliente-right {
	float: right;
	border: solid 1px #f2f2f2;
	margin-top: 6px;
	margin-right: 10px;
	margin-bottom: 6px;
	margin-left: 0;
	height: 67px;
	width: 120px;
	padding: 5px;
}

.participan-myspylabs {
	text-align: center;
	clear: both;
	padding: 14px 0 5px 0;
}

#dicende {
	clear: both;
	margin: 0 10px;
	padding: 10px 0 0 0;
}

#dicende h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #474b4d;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.dicende-cita-left {
	/*float: left;*/
	width: 95%px;
	padding: 15px 0 15px 0;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.dicende-cita-right {
	/*float: right;*/
	width: 95%px;
	padding: 15px 0 15px 0;
}

.dicende-cita-left blockquote, .dicende-cita-right blockquote {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
	padding: 0 0 10px 0;
}

.dicende-cita-autor {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
}

#content-right-home {
	float: right;
	width: 500px;
	margin: 25px 0 0 0;
}

#content-left-home h4 {
	color: #fd8c08;
	background: url(images/h4-bg-right.png) repeat-x bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#content-right-home h4, #content-right-home h5 {
	color: #fd8c08;
	background: url(images/h4-bg-right.png) repeat-x bottom;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#content-right-home h5 {
	font-size: 14px;
}

.modulo-right-video {
	margin-top: 25;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.video {
	width: 460px;
	height: 270px;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #CCCCCC;
	margin-top: 13px;
	margin-bottom: 13px;
	padding: 18px;
}

.modulo-right-blog {
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	margin-bottom: 15px;
}

.modulo-right-blog h1 {
	font-size: 18px;
	font-style: italic;
	color: #333;
	font-weight: normal;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.modulo-right-blog h1 a{
	color: #333;
	text-decoration: none;
	font-size: 16px;
}

.modulo-right-blog p{
	font-size: 13px;
	color: #333;
	padding: 10px 0 0 0;
}

.modulo-right-blog a{
	text-decoration: none;
	color: #fd8c08;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	font-weight: bold;
}

.visita-blog {
	float: left;
	font-size: 13px;
	height: 15px;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 10px;
}

.suscribe-blog {
	float: rigth;
	font-size: 13px;
	height: 15px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-top: 10px;
}

.visita-blog img, .suscribe-blog img, .suscripcion-blog-sidebar img {
	vertical-align: middle;
}

.visita-blog a, .suscribe-blog a {
	color: #333;
	text-decoration: none;
}

.visita-blog a:hover , .suscribe-blog a:hover{
	color: #fd8c08;
}

.modulo-right-social {
	margin: 0 0 25px 0;
	padding: 15px 0 0 0;
	text-align: center;
}

.modulo-right-social img {
	padding: 0 10px;
}

#newsletter {
	margin: 0 0 20px 0;
}

#newsletter-top, #newsletter-bottom  {
    height: 10px;
}

#newsletter-content {
	background: url(images/news-border-center.png) repeat-y;
}

#newsletter-content h6 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fd8c08;
	padding: 5px 10px;
}

.form-txtsmall {
	font: 10px Arial, Helvetica, sans-serif;
	color: #999;
	padding: 10px 0;
}

#ajaxNewsletter, .newsletterContainer {
	/* newsletter container */
	margin: 10px 15px;
}

#newsletterFormDiv {
	/* newsletter form elements*/
}

.newsletterTextInput {
	/* email text input */
	padding: 6px;
	height: 16px;
	border: solid 1px #eee;
	font-size: 13px;
	font-style: italic;
	color: #999;
	vertical-align: middle;
}

.submit {
	background: url(images/button-enviar.png) no-repeat;
	width: 60px;
	height: 28px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border: none;
}

#newsletterLoading {
	/* the loading message while the subscription is beeing handled */
	margin: 10px 15px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #999;
}

.success {
	/* the success message container */
	font: 13px Arial, Helvetica, sans-serif;
	color: #999;
	padding: 0 0 10px 0;
}

.error {
	/* the error message container */
}


/*-----------------------------------*/
/*Elementos css para la pagina Que es*/
/*-----------------------------------*/
#debes-utilizar-myspyspot {
	margin: 30px 0 0 0;
}

#espacio {
	height: 50px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#debes-utilizar-myspyspot h3, #screencasts h3, #imagenes-aplicacion h3 {
	background:url("images/h4-bg-right.png") repeat-x scroll center bottom transparent;
	color:#FD8C08;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#debes-utilizar-myspyspot-left, #debes-utilizar-myspyspot-right {
	width: 285px;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}

#debes-utilizar-myspyspot-left ul, #debes-utilizar-myspyspot-right ul{
	padding: 0 0 0 20px;
}

#debes-utilizar-myspyspot-left ul li, #debes-utilizar-myspyspot-right ul li{
	list-style-image: url(images/bullet.png);
	margin-top: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#debes-utilizar-myspyspot-left {
	float: left;
}

#debes-utilizar-myspyspot-right {
	float: right;
}

.ul-quees-p {
	list-style-image: url(images/bullet-2.png);
	list-style-position: outside;
	font: 13px Arial, Helvetica, sans-serif;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}	

.content-right-modulo-quees {
	background: #f8f8f8;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
}

.content-right-modulo-descarga {
	background: #f8f8f8;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
}
.content-right-modulo-quees h4 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #fd8c08;
	padding: 10px;
}

.content-right-modulo-descarga h4 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #fd8c08;
	padding: 10px;
}

.content-right-modulo-quees h5 {
	background: #fff url(images/mano-ok.png) no-repeat 13px 13px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: light;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	color: #333;
	padding: 15px 15px 15px 40px;
	margin: 0 0 0px 0;
}

.content-right-modulo-descarga a {
	color: #FF9933;
	font-style: italic;
}
.content-right-modulo-descarga h5 {
	background: #fff url(images/mano-ok.png) no-repeat 13px 13px;
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: light;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
	color: #333;
	padding: 15px 15px 15px 40px;
	margin: 0 0 0px 0;
}
.content-right-modulo-quees p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 15px 10px 40px;
}

.content-right-modulo-descarga p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 15px 10px 40px;
}
#screencasts {
	clear: both;
}

#screencast_videos {
	background-color:#F3F3F3;
	border: thin solid #CCCCCC;
	padding: 16px;
}

.screencast-video, .screencast-video-left {
	border: solid 1px #5d5d5d;
}

.screencast-video-left {
	margin: 0 0 0 10px;
}

#imagenes-aplicacion {
	margin: 30px 0 0 0;
}

#imagenes-aplicacion img {
	border: 1px solid #CCCCCC;
	
}

.img-aplicacion {
	float: left;
	padding: 0 8px 0 0;
	text-align: center;
}

.img-aplicacion p{
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 0 0;
}

.utiliza-myspyspot {
	width: 273px;
	height: 120px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

.utiliza-myspyspot h5 {
	color:#FD8C08;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	font-style:italic;
	margin-top: 15px;
}


/*---------------------------------------------*/
/*Elementos css para la pagina Planes y Precios*/
/*---------------------------------------------*/
#planesyprecios {
	margin: 40px 0 0 0;
	overflow: hidden;
}

#planesyprecios-box-small {
	float: left;
	background: url(images/planes-box-small.png) no-repeat;
	width: 226px;
	height: 312px;
	margin: 10px 0 0 0;
}

#planesyprecios-box-small h3, #planesyprecios-box-trial h3, #planesyprecios-box-professional h3, #planesyprecios-box-entreprise h3 {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fd8c08;
	padding: 21px 0 14px 23px;
	border-bottom: solid 1px #f5f5f5;
}

#planesyprecios-box-trial {
	float: left;
	background: url(images/planes-box-trial.png) no-repeat;
	width: 246px;
	height: 334px;
}

#planesyprecios-box-trial h3, #planesyprecios-box-professional h3 {
	font: 22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 17px 0 14px 23px;
}

#planesyprecios-box-professional {
	float: left;
	background: url(images/planes-box-professional.png) no-repeat;
	width: 247px;
	height: 334px;
}

#planesyprecios-box-entreprise {
	float: left;
	background: url(images/planes-box-entreprise.png) no-repeat;
	width: 226px;
	height: 312px;
	margin: 10px 0 0 0;
}

.planesyprecios-lista {
	height: 140px;
	padding: 17px 25px 0 25px;
	font: 13px Arial, Helvetica, sans-serif;
}

.planesyprecios-precio {
	text-align: center;
}

.planesyprecios-precio-center {
	text-align: center;
	margin: 8px 0 0 0;
}

.planesyprecios-cantidad {
	font: 32px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

.planesyprecios-euromes {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.planesyprecios-contratar {
	width: 90px;
	height: 28px;
	margin: 5px auto 0 auto;
}

#precios-iva {
	clear: both;
	padding: 25px 0;
	font: 13px Arial, Helvetica, sans-serif;
}

#planesyprecios-servicios {
	overflow: hidden;
}

#planesyprecios-servicios h4 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #fd8c08;
	padding: 15px 0 5px 0;
}

#planesyprecios-servicios p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px 0 0 0;
}

#planesyprecios-servicios ul {
	margin: 0 0 0 15px;
	padding: 5px 0 0 0;
}

#planesyprecios-servicios ul li {
	list-style-image: url(images/bullet-2.png);
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0 0 2px 0;
}



#planesyprecios-servicios a {
	text-decoration: none;
	color: #fd8c08;
}

#planesyprecios-servicios-left, #planesyprecios-servicios-right {
	float: left;
	height: 217px;
	margin: 0 1px 0 0;
}

#planesyprecios-servicios-left {
	background: #f3f3f3 url(images/planesyprecios-foto-1.jpg) no-repeat left;
	padding: 0 20px 0 175px;
	width: 278px;
}

#planesyprecios-servicios-right {
	background: #f3f3f3 url(images/planesyprecios-foto-2.jpg) no-repeat right;
	padding: 0 175px 0 20px;
	width: 278px;
}




/*--------------------------------------*/
/*Elementos css para la pagina Servicios*/
/*--------------------------------------*/
#servicios-modulo-1, #servicios-modulo-2, #servicios-modulo-3, #servicios-modulo-4 , #servicios-modulo-1-largo, #servicios-modulo-4-largo, #servicios-texto-inferior{
	float: left;
	margin: 30px 0;
	padding: 0 0 25px 0;
	
	
}

#servicios-modulo-1, #servicios-modulo-2, #servicios-modulo-3, #servicios-modulo-4 , #servicios-modulo-1-largo, #servicios-modulo-4-largo, #servicios-texto-inferior ul {
list-style: inside circle url(images/bullet-2.png); 
    /*list-style-image: url(images/bullet-2.png);*/
	/*font: 13px Arial, Helvetica, sans-serif;*/
	}
#servicios-modulo-1, #servicios-modulo-2, #servicios-modulo-3, #servicios-modulo-4 , #servicios-modulo-1-largo, #servicios-modulo-4-largo, #servicios-texto-inferior ul li {
padding-bottom: 10px;
	}	
	
.ul-servicios-p {
	list-style-image: url(images/bullet-2.png);
	list-style-position: outside;
	width: 260px;
	padding-right: 0px;
	padding-left: 15px;
	margin-left: 15px;
}	
	

#servicios-modulo-1, #servicios-modulo-4 {
	width: 298px;
	background-color: #F5F5F5;
	height: 520px;
	border: thin solid #DFDFDF;
	margin-right: 25px;

}

#servicios-modulo-1-largo, #servicios-modulo-4-largo {
	width: 474px;
}


#servicios-modulo-2 {
	width: 298px;
	background-color: #F5F5F5;
	height: 520px;
	border: thin solid #DFDFDF;
	margin-right: 25px;
}

#servicios-modulo-3 {
	width: 298px;
	background-color: #F5F5F5;
	height: 520px;
	border: thin solid #DFDFDF;
}

#servicios-foto-1, #servicios-foto-4 {
	width: 278px;
	padding: 10px;
}

#servicios-foto-2 {
	width: 278px;
	padding: 10px;
}

#servicios-foto-3 {
	width: 278px;
	padding: 10px;
}

.servicios-h3 {
	color: #fd8c08;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	width: 250px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #FD8C08;
	margin-left: 15px;
	margin-bottom: 10px;
}

.servicios-p {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}




/*----------------------------------------------*/
/*Elementos css para la pagina Utiliza myspylabs*/
/*----------------------------------------------*/
#myspylabs-modulos {
	overflow: hidden;
	float: left;
	margin-top: 35px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 930px;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #F90;
	border-bottom-color: #F90;
}

.myspylabs-modulo {
	float: left;
	width: 310px;
	height: 92px;
}

.myspylabs-modulo-foto {
	float: left;
	width: 120px;
	height: 67px;
}

.myspylabs-modulo-foto img{
	border: solid 1px #f2f2f2;
	
}

.myspylabs-modulo-txt {
	width: 170px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5;
	padding: 0px;
}

.myspylabs-modulo-txt h3 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
}

.myspylabs-modulo-txt p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fd8c08;
	margin: 0px;
	padding: 0px;
	width: 170px;
}

.myspylabs-modulo-txt a{
	color: #fd8c08;
	text-decoration: none;
	width: 170px;
}


#content-myspylabs-grupo-pruebas {
	background: #f8f8f8;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
	border-top: solid 1px #eee;
	border-bottom:  solid 1px #eee;
	padding:25px;
	width:880px;
	margin-top: 20px;
		
	
}
#content-myspylabs-grupo-pruebas h4 {
	color:#FD8C08;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
}

#content-myspylabs-grupo-pruebas p {
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
#content-myspylabs-grupo-pruebas p a {
	color:#FD8C08;
	text-decoration:none;
	font-weight: bold;
}



#myspylabs-dicende {
	clear: both;
	margin: 0 0px;
	padding-top: 25px;
}

#myspylabs-modulos h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #474b4d;
	font-weight: bold;
	padding: 0 0 25px 0;
}

#myspylabs-dicende h2 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #474b4d;
	font-weight: bold;
	padding: 0 0 15px 0;
}

.myspylabs-dicende-cita {
	float: left;
	width: 280px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 0;
	margin-right: 20px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}

.myspylabs-dicende-cita_ultima {
	float: left;
	width: 280px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 0;
	margin-right: 20px;

}

.myspylabs-dicende-cita blockquote {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.myspylabs-dicende-cita_ultima blockquote {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #333;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


.myspylabs-dicende-cita-autor {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999;
}




/*----------------------------------------------*/
/*Elementos css para la pagina Utiliza myspyspot*/
/*----------------------------------------------*/
.content-right-modulo-utiliza {
	background: #fff url(images/content-right-modulo-center.png) repeat-y;
}

.content-right-modulo-utiliza h4 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	background: #f8f8f8;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	color: #fd8c08;
	padding: 10px 15px;
}

.content-right-modulo-utiliza p {
	padding: 15px 15px 0 15px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

.parrafo-form-utiliza {
	color: #999;
}

#form-utiliza-myspylabs {
	margin: 25px 0;
}

#form-utiliza-myspylabs h3 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #fd8c08;
}

#form-utiliza-myspylabs input[type="text"], #form-utiliza-myspylabs select  {
	border: solid 1px #999;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px;
	/*margin: 7px 0 20px 0;*/
}

#form-utiliza-myspylabs label {
  display: block;
  margin: 20px 0 7px 0;
}

.form-utiliza-info-obligatorios {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px;
	background: #fff4e8;
	color: #fd8c08;
}

#form-utiliza-datos-basicos {
	margin: 25px 0;
}

#form-utiliza-datos-basicos label{
	font: 13px Arial, Helvetica, sans-serif;
	color: #fd8c08;
}

.form-utiliza-datos-basicos-left {
	float: left;
	width: 276px;
}

.form-utiliza-datos-basicos-right {
	float: right;
	width: 276px;
	padding: 70px 0 0 0;
}

.form-utiliza-direccion-left {
	float: left;
	width: 340px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #999;
	margin: 10px 0 0 0;
}

.form-utiliza-direccion-left p{
	padding: 5px 0;
}

.form-utiliza-direccion-right {
	float: right;
	width: 250px;
	height: 60px;
	margin: 20px 0 15px 0;
	background: url(images/arrow-aviso-url.png) no-repeat left ;
}

.form-utiliza-direccion-right p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fd8c08;
	background: #fff4e8;
	padding: 10px;
	margin: 0 0 0 10px;
}

#form-utiliza-tipocuenta {
	clear: both;
	padding: 10px;
	background: #f4f4f4;
}

#form-utiliza-tipocuenta p {
	color: #fd8c08;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 0 0 7px 0;
}

#form-utiliza-datos-facturacion {
	float: left;
	width: 276px;
}

#form-utiliza-datos-facturacion label, #form-utiliza-datos-pago label {
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

#form-utiliza-datos-pago {
	float: right;
	width: 276px;
}

.form-utiliza-cppronvincia {
	overflow: hidden;
}

.form-utiliza-inputprovincia {
	float: left;
	margin: 0 0 0 20px;
	width: 150px;
}

.form-utiliza-inputcp {
	float: left;
}

.form-utiliza-enviar {
	clear: both;
	padding: 30px 0 0 0;
}

.form-utiliza-labelquees {
	color: #fd8c08;
	font: 13px Arial, Helvetica, sans-serif;
}

.form-utiliza-infocodigoseguridad  {
	background: url(images/arrow-codigo-tarjeta.png) no-repeat top center;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

.form-utiliza-infocodigoseguridad p {
	background: #fff4e8;
	padding: 10px;
	font: 13px Arial, Helvetica, sans-serif;
}

.form-utiliza-infocodigoseguridad strong {
	color: #fd8c08;
	font-weight: bold;
}

.imagen-codigo-tarjeta {
	background: #fff4e8;
	text-align: center;
	padding: 0 10px 10px 10px;
}



/*--------------------------------------*/
/*Elementos css para el blog*/
/*--------------------------------------*/
.post{
	font: 13px Arial, Helvetica, sans-serif;
	background: url(images/line-bottom-post.png) repeat-x bottom;
	margin: 0 0 25px 0;
}

.page {
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0 0 25px 0;
}

.post-single {
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

.post h1, .page h1 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fd8c08;
}

.post-single h1 {
	font: 22px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #fd8c08;

}

.post h1 a, .page h1 a{
	color: #fd8c08;
	text-decoration: none;
}

.post h2, .post-single h2, .page h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0 10px 0;
	color: #333;
}

.post h3, .post-single h3, .page h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 10px 0;
}

.post p, .post-single p, .page p {
	font-size: 13px;
	padding: 0 0 10px 0;
	line-height: 15px;
}

.post strong, .post-single strong, .page strong {
	font-weight: bold;
}

.post img, .post-single img, .page img{
	padding: 2px;
	border: solid 1px #e9e9e9;
}

.post em, .post-single em, .page em {
	font-style: italic;
}

.post a, .post-single a, .page a {
	color: #fd8c08;
}

.post ol, .post-single ol, .page ol {
	margin: 0 0 0 45px;
	padding: 0 0 10px 0;
}

.post ol li, .post-single ol li, .page ol li {
	list-style: decimal;
	font-size: 12px;
}

.post ul, .post-single ul, .page ul {
	margin: 0 0 0 40px;
	padding: 0 0 10px 0;
}

.post ul li, .post-single ul li, .page ul li {
	list-style: square;
	font-size: 12px;
}

.post blockquote, .post-single blockquote, .page blockquote{
	margin: 0;
	padding: 0 30px 0 50px;
	background: url(images/quote.png) no-repeat 20px 0;
	border: none;
	font-style: italic;
}

.date {
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

.comentarios {
	padding: 10px 0 25px 0;
}

.comentarios a{
	text-decoration: none;
	color: #333;
}

.comentarios a:hover{
	color: #fd8c08;
}

.comentarios img {
	vertical-align: middle;
	border: none;
}

.icon-comentarios {
	padding: 0 0 0 15px;
}

#navigation {
	text-align: center;
	font: 13px Arial, Helvetica, sans-serif;
}

.content-right-modulo-twitter {
	background: #fff url(images/content-right-modulo-center.png) repeat-y;
}

.h4content-right-modulo-twitter {
	font: 16px Georgia, "Times New Roman", Times, serif;
	background: #f8f8f8;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	color: #fd8c08;
	padding: 10px 15px;
}

.content-right-modulo-twitter-widget {
	width: 300px;
	margin: 0 auto;
}

.content-right-modulo-siguenos {
	width: 273px;
	height: 40px;
	margin: 25px auto 0 auto;
}

#content-right-categorias-archivos {
	margin: 25px 0;
}

#content-right-categorias-archivos h4 {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #fd8c08;
	padding: 0 0 10px 0;
}

#content-right-categorias-archivos ul{
	margin: 0;
	padding: 0;
}

#content-right-categorias-archivos li{
	margin: 0;
	padding: 0 0 3px 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

#content-right-categorias-archivos a{
	color: #333;
	text-decoration: none;
}

#content-right-categorias-archivos a:hover{
	color: #fd8c08;
}

#content-right-categorias {
	float: left;
	width: 150px;
	padding: 0 0 25px 0;
}

#content-right-archivos {
	float: right;
	width: 150px;
	padding: 0 0 25px 0;
}

.suscripcion-blog-sidebar {
	clear: both;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
}

.post-titlesmall {
	color: #333;
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0 0 15px 0;
}

/*Estilos para comentarios*/
.commentautor{
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0 15px 0 15px;
	color: #333;
}

.commentautor a{
	color: #333;
	text-decoration: none;
}

.comments h5{
	font: 13px Arial, Helvetica, sans-serif;
	background: #f2f2f2;
	padding: 15px 20px;
	color: #333;
	margin: 0 0 15px 0;
}

.comments img{
	vertical-align: middle;
}

.bgcontcomment{
	height: 31px;
	width: 44px;
	color: #000;
	font-weight: bold;
	float: left;
	margin: 0 5px 0 0;
	font-size: 20px;
	padding: 0;
	text-align: center
}

.commentlist {
	margin: 0 0 15px 0;
}

.commentcite{
	padding: 0 0 15px 0;
	margin: 0 15px 10px 15px;
	background: url(images/line-bottom-post.png) repeat-x bottom;
}

.commenttext{
	padding: 5px 0 0 0;
	margin: 0;
	font: 13px Arial, Helvetica, sans-serif;
}

.commenttext p{
	margin: 0;
	padding: 0;
}

.moderacion{
	font-size: 11px;
	padding: 3px 0 0 0;
	color: #ff0000;
}

.requerido{
	font-size: 12px;
	color: #FF0000;
	padding: 2px;
	margin: 0 0 3px 0;
}

#divcomments {
	padding: 0 0 25px 0;
	font-size: 11px;
}

#form-comentarios {
	margin: 0 15px;
}

.formcomment label {
	display: block;
  	margin: 0;
	padding: 0 0 3px 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
}

.formcomment input[type="text"], .formcomment textarea {
	border: solid 1px #999;
	font: 13px Arial, Helvetica, sans-serif;
	color: #333;
	padding: 5px;
	margin: 0 0 15px 0;
}
/* End Comments */

/*Estilos para las alineaciones*/
.alignleft {
	float: left;
	margin: 15px 15px 10px 0;
}
.alignright {
	float: right;
	margin: 15px 0 10px 15px;
}
.aligncenter {
	display:block;
	margin: 5px auto 10px auto;
}

/*Estilos para la pagina de error 404*/
.error404 {
	font: 13px Arial, Helvetica, sans-serif;
	margin: 0 0 100px 0;
}

.error404 a{
	color: #fd8c08;
}

.error404 h1{
	font: 18px Arial, Helvetica, sans-serif;
	background-color: #fff4e8;
	font-weight: bold;
	padding: 5px;
	color: #fd8c08;
	margin: 0 0 15px 0;
}

.bullet-404 {
	list-style-image: url(images/bullet.png);
	padding: 10px 0 0 20px;
}

.bullet-404 li{
	padding: 5px 0;
}

#screencast_videos p{
    color:#FF9933;
	font: 13px Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
}

.titulo_h4_naranja
{
/*font:16px Georgia,"Times New Roman",Times,serif;*/
font-style:italic;
padding:0 0 10px;
}	
	
.texto_de_author	
{
font-size:13px;
line-height:15px;
padding:0 0 10px;
font:13px Arial,Helvetica,sans-serif;

}
	
#compartir{
	height: 20px;
	width: 200px;
	float: right;
}
	
#boton_tweetmeme{
	height: 20px;


}	

#boton_facebook{
	float: right;
	width: 100px;
	height: 20px;
}