/* CSS Document */
body{ background:#363b3c url(images/bg.png) top left repeat-x;}
html>body{ background:#404546 url(images/bg.png) top left repeat-x;}

/*##  BASIC  ##*/

body,div,
h1,h2,h3,h4,h5,
ul,li,
form,p{padding:0;margin:0; font-weight:normal;}
acronym{border-bottom:1px solid #ccc;cursor:default;}


span.tlpweb{ background: transparent url(images/tlp.gif) bottom left no-repeat; padding-left:2px;color:#005500; font-weight:bold;}

input{}
fieldset{border:none;}
label{}

.error{color:#FF0000;}
.nuevo{ text-decoration:line-through; color:#666666;}
p.error{background: transparent url(images/alert.gif) center left no-repeat; padding-left:12px;}
input.error, textarea.error{border:1px solid #f00; background: transparent url(images/alert.gif) bottom left no-repeat;}
	
	/* TITULOS */
h3{font-size:14px;color:#009900;font-family:Tahoma, Verdana; border-bottom: 1px solid #999; padding-bottom:5px; margin-bottom:10px; font-weight:bold;}
h3.blue{color:#1771c6}	
h3.blue span{line-height:11px;margin:4px 5px 0 2px; display:block; float:left;background:#1771c6 url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3.red{color:#c2081e}	
h3.red span{line-height:11px;margin:4px 5px 0 2px; display:block; float:left;background:#c2081e url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3.green{color:#729250}	
h3.green span{line-height:11px;margin:4px 5px 0 2px; display:block;float:left;background:#729250 url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3.orange{color:#F48C00}	
h3.orange span{line-height:11px;margin:4px 5px 0 2px;display:block; float:left;background:#F48C00 url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3.gray{color:#999}	
h3.gray span{line-height:11px;margin:4px 5px 0 2px; display:block; float:left;background:#999 url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3.black{color:#000}	
h3.black span{line-height:11px;margin:4px 5px 0 2px; display:block; float:left;background:#000 url(images/bullet.gif) center top no-repeat; width:11px; height:11px;}
h3 a, h3 a:link, h3 a:active, h3 a:visited{color:inherit; text-decoration:inherit;}
h3 a:hover{text-decoration:underline;}

/*##  CONTENEDOR  ##*/
#contenedor{width:736px; margin:0 auto; font-family:"Trebuchet Ms", Tahoma, Verdana; font-size:12px; background:#fff url(images/main_bg.png) top center repeat-y;}


/*##  HEAD  ##*/
#head{width:736px; height:202px; padding:0;background:#85c329 url(images/header_bg.png) top center no-repeat; position:relative;}
	#head h1{font-size:40px;font-weight:normal; padding:40px 0 0 130px;}
	#head h1 a{color:#000000; text-decoration:none;}
	#head h2{font-size:20px; font-weight:normal; margin:-10px 0 0 180px;}
	#head .modulo{float:right; margin:50px 15px 0 0;}
	html> body #head .modulo{float:right; margin:50px 30px 0 0;}

/*##  NAV  ##*/
#nav{ list-style-type:none; width:470px; padding:0; margin:30px 0 0 20px;}
	#nav li{ display:inline;}
	#nav li a{font-size:13px; height:39px; width:92px; display:block; float:left; text-align:center;padding-top:20px;}
		#nav li a:link,#nav li a:active,#nav li a:visited{ text-decoration:none; background:transparent url(images/nav_up.png) center top no-repeat; color:#666;}
		#nav li a:hover{ background: transparent url(images/nav_down.png) center top no-repeat;}
	
/*## SIDE ##*/
#side{width:235px; float:right; position:relative;}
	.modulo{margin:0 0 15px 0; width:207px;}

	#side img{ padding:4px; margin: 0 auto; display:block;}
	#side .badges{ display:inline; margin-left:15px;}
	#side img.detalle { float:right; margin: 5px;}
	.modulo p{ font-size:11px; padding-bottom:10px; text-indent:5px;}
	
	form.ingreso ul{ list-style-type:none;}
	form.ingreso li{ margin-bottom:10px;}
	form.ingreso input{ right:40px; position:absolute; width:130px; font-size:12px;}
	form.ingreso input.boton{ background-color:#dfdfdf; border:3px double #aaa; width:70px;}

	form.compacto {margin-bottom:40px;}
	form.compacto ul{ list-style-type:none;}
	form.compacto li{ margin-bottom:8px;font-size:11px; }
	form.compacto label{font-size:11px;}
	form.compacto .campo{right:40px; position:absolute;  }
	form.compacto hr{ padding:0; margin:4px;}
	form.compacto input{ padding:0;font-size:11px;}
	form.compacto input.boton{text-align:center;font-size:11px; background-color:#dfdfdf; border:3px double #aaa; width:70px;}
/*##  MAIN  ##*/
#main{padding:0; margin:0; position:relative;}
	#main a, #main a:link, #main a:visited{color:#DC143C; text-decoration:none; font-weight:bold;}
	#main a:hover, #main a:active{ color:#000000; text-decoration:none; }
	#main p a:link, #main p a:visited{background-color:#FFFFE1; padding:1px 2px;}
	
	
#central p{ margin:4px; padding:1px; text-indent:10px;}	
	#central p > img{ float:left; margin:3px;}
	
	#central form { width:380px; position:relative; margin:10px auto; background-color:#ffffef;padding:10px;}
	#central form ul{ list-style-type:none;}
	#central form li{ margin-bottom:8px;font-size:11px;}
	#central form label{font-size:12px;}
	#central form .campo{right:10px; position:absolute;}
	#central form hr{ padding:0; margin:4px;}
	#central form input{ padding:0; text-align:right;font-size:12px;}
	#central form input.boton{text-align:center;font-size:11px; background-color:#dfdfdf; border:3px double #aaa; width:70px;}

	
/*##  CONT ##*/
#cont{ width:465px; margin:0 0 0 15px; padding:0 5px;}
	#cont h4{margin-bottom:70px; text-align:right; display:none;}
	
	#planes{padding:0 10px 0 10px; margin:0 auto 20px auto;}
		.host{ margin: 3px; width:128px; float:left; padding:100px 5px 15px 5px; position:relative;}
		.tlp50{background: #fff url(images/tlp50.png) center top no-repeat;}
		.tlp250{background: #fff url(images/tlp250.png) center top no-repeat;}
		.tlp500{ background: #fff url(images/tlp500.png) center top no-repeat; }
		p.precio{ background:#fff url(images/star.png) top center no-repeat; color:#fff;position:absolute; right:2px; bottom:7px; display:block; height:47px; width:59px; font-size:28px; text-align:center; padding: 8px 0 0 0;}
		.nota{ display:block; text-align:center;}

	#hosting{ width: 450px;margin:10px auto;}
	
/*## PORTFOLIO ##*/
#side ul{margin:5px 5px 0 20px; list-style-type:circle;}
	#side li{ padding:2px;}
	#side  li.odd{ background-color:#F0F8FF;}
	#side form.compacto ul{ margin:inherit;list-style-type:none;}
	#side form.compacto li{ padding:inherit; margin-bottom:8px;font-size:11px; }

	
#portfolio{margin:5px 5px 0 5px;}
	.trabajo { padding:2px; height:125px; margin-top:11px; width:450px;}
	#portfolio .odd{ background-color:#F0F8FF;}
	.trabajo img{float:left; background-color:#efefef; padding:2px; border:1px solid #ccc; margin:3px;}
	#portfolio .odd img{ float:right;}
	.trabajo h5{ font-size:15px; margin:2px 5px 0 5px; width:270px; margin-left:160px; text-align:center;}
	.odd h5{ font-size:15px; margin:2px 5px 0 5px; width:270px;  text-align:center;}

	.trabajo p{ margin:1px 8px 0 8px; padding:4px;text-align:center;}
	.trabajo .url{font-size:11px; color:#444; text-align:center;}


/*##    FAQ    ##*/
#faq{ list-style-type:none;}
#faq li{margin:10px; padding:2px; background-color:}
#faq li{ background-color:#F0F8FF;}
#faq p.pregunta{ font-size:14px; font-weight:bold;}
#faq li p.respuesta{ border:1px solid #DDD; background-color:#fff; padding:4px;}


/*## FOOTER ##*/
#footer{width:616px; height:33px; padding: 20px 0 0 120px; background:#85c329 url(images/footer_bg.png) center bottom no-repeat; clear:both;}
	#footer h4{color:#FFFFFF;font-size:13px;margin-bottom:10px; font-weight:normal;}