/* 

Theme Name: GuarrasOnline

Theme URI: http://www.GuarrasOnline.com 

Description: Template a medida para el sitio Guarras Online by Ideas Inteligentes S.A.

Version: 1.0 

Author: Ideas Inteligentes S.A.

Author URI: http://www.ideasinteligentes.com.ar	

The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php

*/

html { overflow-x:hidden; }



body {

	background:#D9D9D9;

	color: #000000;

	font-size: 12px;

	font-family:Arial, Tahoma, Verdana;

	margin: 0px auto 0px;

	padding: 0px;

	overflow-x:hidden;

	}

	

#wrap {

	width: 100%;

	margin: 0px auto 0px;

	background: transparent url(images/bg-top.jpg) scroll  repeat-x center top;

	}

	

#container {

	width: 100%;

	margin: 0px auto 0px;

	background: transparent url(images/bg-bottom.jpg) scroll repeat-x center bottom;	

	}

#cont-header {

	width: 100%;

	margin: 0px auto 0px;

	background: transparent url(images/header.jpg) scroll no-repeat center top;				

	}



#cont{

	width: 1027px;

	margin: 0px auto 0px;

	}



#cont h1 {

	font-size:12px;

	margin:0 0 0 30px;

	#margin:0px 0 -20px 30px;

}

	

/************************************************

*	Hyperlinks									*

************************************************/



a, a:visited {

	color: #FFFFFF;

	text-decoration: none;

	}

	

a:hover {

	color:#000;

	}

	

/************************************************

*	Header  									*

************************************************/



#header {

	width: 1027px;

	height: 285px;

	margin: 0px auto 0px;

	padding: 0px;

	font-size: 13px;

	color: #FFFFFF;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;	

	}

		

#header a {

	text-decoration: none;

	padding: 0px;

	margin: 0px;

	color:#FFFFFF;

	}



#header a:hover{

	color: #C2C2C2;

	}

	

#header img a {

	margin: 0px;

	border: none;

	}



	

#header h1 {

	width: 300px;

	float: left;

	margin-left:370px;

	margin-top:-35px;

	#margin-top:-173px;

	text-align:center;

	font-size: 13px;

	color: #FFFFFF;	

	font-family:Arial, Helvetica, sans-serif;

	}

	



.mascota {

	float:right;

	height:320px;

	margin:-270px 70px 0 -50px;

	_margin:-270px 0 0 -50px;

	position:relative;

	width:327px;

	z-index:1;

}



.logo-head{

	margin:1px 0 0 -10px;

	#margin:1px 0 0 -8px;

	_margin-left:0px;

	float:left;

}



.menu{

	width:809px;

	height:52px;

	background:transparent url(images/bkg-menu.png) no-repeat scroll 0 0;

	margin:-35px 0 10px;

	_margin:-70px 0 0 2px;

	position:relative;

}



.menu ul{

	padding:17px 17px 17px 45px;

	}



.menu li{

	display:inline;

	padding:0px 35px 0px 30px;

}





.menu li a{

	color:#FFFFFF !important;

	font-weight:bold;

	font-size:14px;

	text-transform:uppercase;

}

.menu li a:hover{

	color:#C2C2C2 !important;

	text-decoration:none;

}

	



/************************************************

*	Content 					     		    * 

************************************************/





#content {

	background: none;			

	display:inline;

	float:left;

	width:1027px;

	margin:10px 0 0 0;

	#margin:30px 0 0 0;

	}



#contentleft {

	float: left;

	width: 560px;

	margin: 0px 0px 0px 0px;

	padding: 0;

	display: inline;

	background:transparent;

	}

	



#contentleft ul{

	margin: 0px 0px 0px 20px;

	_margin: 0px 0px 0px 10px;

	padding: 0px 0px 15px 0px;

	}

	



.cam{

	background:url(images/cam.png) no-repeat scroll 0 0;

	width:138px;

	height:168px;

	float:left;

	margin:-6px 0 0 0;

	_margin:-6px -2px 0 -2px;

}

.cam img{

	margin:5px 12px 0px 12px;

}



.len{

	height:15px;	

	margin:0 0 0 17px;

	padding:21px 0 0 0px;

	width:42px;

}



.len .len-es a{

	width:19px;

	height:15px;

	float:left;

	margin:0 2px 0 0;

}



.len .len-in a{

	width:19px;

	height:15px;

	float:left;

}



.nombre{

	font-weight:bold;

	font-size:11px;

	color:#FFFFFF;

	margin:0 0 0 37px;

}



.emitiendo{

	font-size:10px;

	color:#FFFFFF;

	margin:0 0 0 37px;

}



.cams-webs{

	background:url(images/cams-webs.jpg) no-repeat scroll 0 0;

	width:541px;

	height:188px;

	float:left;

	margin:5px 0 0 6px;

	_margin:5px 0 0 3px;

}



.wcams{

	float:left;

	width:270px;	

	margin:60px 0 0 0;

}

.wamigas{

	float:left;

	width:270px;

	margin:60px 0 0 0;

}



.wcams .rosa a{

	color:#DEB408 !important;

	font-size:11px;

}



.wcams .celeste a{

	color:#662D90;

	font-size:11px;

}



.wamigas .rosa a{

	color:#DEB408 !important;

	font-size:11px;

}



.wamigas .celeste a{

	color:#662D90;

	font-size:11px;

}



.cams-webs a:hover{

	color:#000;

}



.cams-webs ul.rosa,

.cams-webs ul.celeste{

	float:left;

	margin:0;

	padding:0;

}



.cams-webs ul li{

	list-style-type:none !important;

	background:url(images/li-cam.jpg) no-repeat scroll left top;

	padding:2px 0 3px 20px !important;

}



.posts {

	background:transparent url(images/bg-post.jpg) repeat-y scroll 0 0;

	float:left;

	margin:0 0 0 6px;

	_margin:-7px 0 0 3px;

	

}



.posts a{

	color:#662D90;

}



.posts a:hover{

	color:#662D90;

}



.posts h2{

	background:url(images/titulo-post.jpg) repeat-y scroll 0 0;

	padding:0;

	width:533px;

	padding:18px 0 10px 20px;

	margin:0 0 0 9px;

	font-size:20px;

	font-weight:bold;

	height:35px;

	line-height:17px;

}



.posts h2 a, .posts h2 a:visited{

	color:#FFFFFF;

}



.posts h2 a:hover{

	color:#FFFFFF;

	text-decoration:underline;

}



.posts p{

	padding:0 40px 0 25px;

	text-align:justify;

}

.p-bottom{

	background:url(images/post-bootom.png) no-repeat scroll 0 0;

	height:30px;

	width:541px;

	margin:0px 0 0 6px;

	display:inline;

	float:left;

}

		



.c1{color:#DEB408;}



.c2{color:#666666;}



.c2 a, .c2 a:visited{color:#666666;}



.c2 a:hover{color:#662D90;}



.date{

	padding:0px;

	margin:20px 40px 0 0;

	#margin:20px 40px -50px 0;

	_margin:20px -5px -50px 0;

	_padding:0 45px 0 0;

	float:right;

	font-size:10px;

	color:#FFFF00;

	text-align:right;

	position:relative;

	

}

.date2{

	padding:0px;

	float:right;

	font-size:8px;

	color:#FFF;

	font-weight:normal;

	text-align:right;

	

}



.metass{

	background:url(images/bg-meta.jpg) no-repeat scroll 0 70%;

	float:left;

	padding:25px 0 12px 10px;

	margin:0 0 0 20px;

	_margin:0 0 0 10px;

	width:500px;

}

.metass a, a:visited{

	color:#662D90;

}

	

.categories{

	background:transparent url(images/category.jpg) no-repeat scroll 0 40%;

	padding:0px 4px 0 15px;

	margin:5px 0 0 15px;

	float:left;

}

.emailto{

	background:transparent url(images/recomendar.jpg) no-repeat scroll left top;

	padding:0px 0px 2px 20px;

	margin:5px 0 0 15px;

	float:left;

}

.emailto a{

	color:#000000;

}



.emailto a:hover{

	color:#662D90;

}

.comments-post{

	background:transparent url(images/comments.jpg) no-repeat scroll 0 top;

	padding:0 5px 5px 18px;

	float:left;

	margin:5px 0 0 5px;

}

.tag{	

	padding:5px 0 5px 20px;

	width:500px;

	color:#662D90;

}



.dash{

clear:both;

border-top:1px dotted #666666;

padding:10px 0 0 0;

margin:10px 0 0 20px;

#padding:0;

width:500px;

}

.cont-foot{

	float:left;

	width:1004px;

	display:inline;

	font-family:Arial, Tahoma, Verdana;

}



.text-foot {

	float:left;

	font-size:10px;

	margin:45px 0 0 35px;

	color:#000000;

	width:410px;

}



.design{

	background:transparent url(images/design.jpg) no-repeat scroll 0 0;

	float:right;

	margin:77px 20px 0 0;

	width:79px;

	padding:10px 0 0 15px;

	height:18px;

	font-weight:bold;

	font-size:10px;

}





.logo-foot{

	float:left;

	margin:3px 0 0 120px;

	_margin:3px 0 0 50px;

}

	

/************************************************

*	Left Sidebar 		    			   	    * 

************************************************/



#l_sidebar {

	float: left;

	width: 219px;

	margin: 0px 10px 0px 0px;

	line-height: 17px;

	display: inline;

	background:#FFD500;

	font-size:14px;

	padding:10px 0 0 0;

	}

	

#l_sidebar-head {

	float: left;

	width: 219px;

	padding-top:47px;

	margin: 0 4px 2px 6px;

	_margin: 0px -10px 2px 2px;

	background:transparent url(images/l-sidebar-head.png) no-repeat scroll 0 0;	

	}

	

#l_sidebar-head .side-links{

	margin:-30px 0 0 0;

	#margin:-30px 0 15px 0;

	font-size:10px;

	text-transform:uppercase;

	

}

.side-links a, .side-links a:visited{

	color:#FFFFFF;

}



.side-links a:hover{

	color:#000;

}

#l_sidebar-head .side-links .home{

	background:transparent url(images/home.jpg) no-repeat scroll left top;

	_background:transparent url(images/home.jpg) no-repeat scroll 10% -150%;

	padding:1px 0 5px 16px;

	margin:0 0 0 5px;

}



#l_sidebar-head .side-links .contacto{

	background:transparent url(images/contact.jpg) no-repeat scroll left top;

    _background:transparent url(images/home.jpg) no-repeat scroll -70% -150%;

	padding:0px 0 5px 17px;

	margin:0 0 0 7px;

}



#l_sidebar-head .side-links .favoritos{

	background:transparent url(images/favorite.jpg) no-repeat scroll left top;

	_background:transparent url(images/home.jpg) no-repeat scroll 100% 150%;

	padding:2px 0 0 17px;

	margin:2px 0 0 5px;

}

#l_sidebar-foot {

	float: left;

	width: 219px;

	padding:26px 0 0 0;

	margin: 0px 10px 0px 0px;

	#padding:14px 0 0 0;

	background:transparent url(images/sidebar-foot.png) no-repeat scroll center bottom;

	}

#l_sidebar div{

	text-align:center;

	padding-bottom:20px;

}



#l_sidebar h2 {

	background:transparent url(images/anuncios.jpg) no-repeat scroll 0 0;

	width:155px;

	height:40px;

	margin-top:-10px;

	padding:17px 5px 5px 50px;

	color:#000000;

	font-size:18px;

	font-weight:bold;

	position:relative;

	}

	

#l_sidebar ul {

	list-style: none;

	margin: -10px 0px 0px 0px;

	#margin: 0px;

	padding: 0px 0px 10px 0px;

	width:219px;

	}



#l_sidebar ul li {

	padding: 0px 0px 3px 0px;

	margin: 0px;

	list-style-type:none;



	}



#l_sidebar ul#l_sidebarwidgeted li ul li  {

	padding: 0px 0px 5px 5px;

	margin: 0px 0px 0px 7px;

	list-style-image:url(images/folder2.gif);

	list-style-position:inside;

	background:transparent url(images/separador.jpg) no-repeat scroll 82% 100%;

	}

#l_sidebar ul#l_sidebarwidgeted li{

	margin-bottom:10px;

}



#l_sidebar ul li a, #l_sidebar ul li a:visited {

	color: #000;

	text-decoration: none;

	margin: 0;

	#padding: 0 0 0 7px;

	}



#l_sidebar ul li a:hover {

	color: #EC5D2F;

	}

	

#l_sidebar ul li#Paginas h2{

	background:transparent url(images/paginas.jpg) no-repeat scroll 0 0;

	position:relative;

}



#l_sidebar ul li#Categories h2{

	background:transparent url(images/categorias.jpg) no-repeat scroll 0 0;

	position:relative;

}

#l_sidebar ul li#Anuncios100x100 div{

	margin:0 0 0 5px;

	width:100%;

	height:100%;

	display:inline;

}

	

/************************************************

*	Right Sidebar 		    	    	        * 

************************************************/



#r_sidebar {

	float: left;

	width: 219px;

	margin: 0px 10px 0px 0px;

	line-height: 17px;

	display: inline;

	background:#FFD500;

	font-size:14px;

	padding:10px 0 0 0;

	}

	

#r_sidebar-head {

	float: left;

	width: 219px;

	padding-top:47px;

	margin: 0 0px 2px 2px;

	_margin: 0px -13px 2px -2px;

	background:transparent url(images/r-sidebar-head.png) no-repeat scroll left top;

	}

	

#r_sidebar-foot {

	float: left;

	width: 219px;

	padding:26px 0 0 0;

	margin: 0px 10px 0px 0px;

	#padding:14px 0 0 0;

	background:transparent url(images/sidebar-foot.png) no-repeat scroll center bottom;

	}

	

#r_sidebar div{

	text-align:center;

	padding-bottom:15px;

	#padding-bottom:20px;

}





#r_sidebar h2 {

	background:transparent url(images/anuncios.jpg) no-repeat scroll 0 0;

	width:155px;

	height:40px;

	margin-top:-10px;

	padding:17px 5px 5px 50px;

	color:#000000;

	font-size:18px;

	font-weight:bold;

	position:relative;

	}



#r_sidebar ul {

	list-style: none;

	margin: -10px 0px 0px 0px;

	#margin: 0px;

	padding: 0px 0px 10px 0px;

	font-size:13px;

	width:219px;

	}

	

#r_sidebar ul li{

	padding: 0px 0px 3px 0px;

	margin: 0px;

}



#r_sidebar ul#r_sidebarwidgeted li ul li  {

	padding: 0px 0px 5px 5px;

	margin: 0px 0px 0px 7px;

	list-style-image:url(images/folder2.gif);

	list-style-position:inside;

	list-style-position:inside;

	background:transparent url(images/separador.jpg) no-repeat scroll 82% 100%;

	}

	

#r_sidebar ul#r_sidebarwidgeted li{

	margin-bottom:10px;

}



#r_sidebar ul li a, #r_sidebar ul li a:visited {

	color: #000;

	text-decoration: none;

	margin: 0;

	#padding: 0 0 0 7px;

	}



#r_sidebar ul li a:hover {

	color: #EC5D2F;

	}

	

#r_sidebar ul li#WebsAmigas h2{

	background:transparent url(images/websamigas.jpg) no-repeat scroll 0 0;

	position:relative;

}



#r_sidebar ul li#Tags h2{

	background:transparent url(images/tags.jpg) no-repeat scroll 0 0;

	position:relative;

}



#r_sidebar ul li#Archivos h2{

	background:transparent url(images/archivos.jpg) no-repeat scroll 0 0;

	position:relative;

}

	

/************************************************

*	Footer  									*

************************************************/



#footer {

	color:#FFFFFF;

	margin:40px auto 0;

	width:1027px;

	height:105px;

	background:transparent url(images/footer.jpg) no-repeat scroll 0 0;

}

#footer a, #footer a:visited {

	color:#FFFFFF;	

}



#footer a:hover{

	text-decoration:underline;

}

		



/************************************************

*	Search Form									*

************************************************/

#search {

	width:auto;

	margin:-43px 0 0 7px;

}

#search form {

	margin: 0;

	padding: 0;

}



#search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



#search p {

	margin: 0;

}



#s {

	background:transparent url(images/search.jpg) no-repeat scroll 0 0;

	border:medium none;

	color:#000;

	float:left;

	font-family:Arial,Helvetica,sans-serif;

	font-size:10px;

	text-transform:uppercase;

	margin-left:0;

	padding:14px 5px 12px 10px;

	width:154px;

}



#searchsubmit {

	width:33px;

	float: left;

	background:url(images/search-b.jpg) no-repeat;

	border:none;	

	color: #000;

	height:39px;

	cursor:pointer;



}

	

#f {

	background: #FFFFFF;

	width: 200px;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 4px;

	margin: 7px 0px 0px 0px;

	border-top: 1px solid #C0C0C0;

	border-right: 1px solid #666666;

	border-left: 1px solid #C0C0C0;

	border-bottom: 1px solid #666666;

	}

	

#sbutt {

	background: #878787;

	width: 200px;

	color: #FFFFFF;

	font-size: 11px;

	font-family: Arial, Tahoma, Verdana;

	padding: 1px;

	margin: 0px 0px 0px 5px;

	border: 1px solid #333333;

	}

	

#author, #email, #url {

	background: #FFFFFF;

	width: 300px;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 4px;

	margin: 0px 0px 0px 0px;

	border-top: 1px solid #666666;

	border-right: 1px solid #DDDDDD;

	border-left: 1px solid #666666;

	border-bottom: 1px solid #DDDDDD;

	}

	

#comment {

	background: #FFFFFF;

	width: 440px;

	color: #222222;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 4px;

	margin: 0px 0px 0px 0px;

	border-top: 1px solid #666666;

	border-right: 1px solid #DDDDDD;

	border-left: 1px solid #666666;

	border-bottom: 1px solid #DDDDDD;

	}

	

#submit {

	background: #F2F2F2;

	width: 150px;

	color: #222222;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	padding: 4px;

	margin: 0px 0px 0px 0px;

	border-top: 1px solid #DDDDDD;

	border-right: 1px solid #666666;

	border-left: 1px solid #DDDDDD;

	border-bottom: 1px solid #666666;

	}

	

/************************************************

*	Comments									*

************************************************/

	

#comments{

border-top:1px dotted #666666;

color:#662D90;

height:25px;

margin:15px 0 10px;

padding:5px 0 0;

background:none;

}

#commentsbox{

	padding:0px;

}

#respond{

	color:#662D90;

	padding:0 0 5px;

}

#author, #email, #url{

	border:1px solid #662D90;

	height:18px;

	padding:0;

	width:200px;

}	

#comment{

	border:1px solid #662D90;

	height:218px;

	overflow-x:hidden;

	overflow-y:auto;

	padding:0;

	width:350px;

}

#commentform label{

	width:150px;

}

#submit{

	background-color:#662D90;

	color:#ffffff;

	padding:4px;

	cursor:pointer;

}

.comment_list {       

    margin:0; padding:0 0 0 20px;

	}

#commentsbox {

font-size:11px;

margin:0 0 0 20px;

padding:0;

width:500px;

}

#commentsbox ol, #commentsbox ul, #commentsbox ol li, #commentsbox ul li, #commentsbox li{

	margin:0;

	padding:0;

}

#commentsbox ol li{

	padding:10px;

	margin:10px;

}



#commentsbox h2, #commentsbox form h2{

	color:#662D90;

	font-size:12px;

	font-weight:bold;

	width:100%;

	padding-top:10px;

	background:none;

}

#comments h2 {

	margin:5px 0 0 0;

	padding:0;

	color:#662D90;

	font-size:14px;

	font-weight:normal;

	}

h3 #respond  {

	margin:10px 0;

	padding:0;

	color:#ff5c00;

	font-size:14px;

	font-weight:normal;

	}

.boxcomments { 

	margin-bottom:20px;

	width:520px;

	}

#commentform {

	margin:0;padding:15px 15px 1px;

	}

#commentform label { 

	display:block; 

	margin:0;

	}

#commentform input {

	width:170px; 

	margin:0 5px 10px 0;

	padding:1px;

}

#commentform textarea { 

	width:400px;

	margin:0 0 10px; 

	padding:0;

	}

#commentform #submit {

	margin:0 0 20px;

}

#commentform p { 

	margin:5px 0; 

}

ol.commentlist {

	margin:0 0 1px;

	padding:0;

}

ol.commentlist li {

	border:1px dotted #662D90;

    display:block;

	list-style:none;

	margin:7px 0;

	padding:6px 15px 12px 15px;

	background:url(images/comment_l.jpg) repeat-x;

}

ol.commentlist li.mycomment {

	border-bottom:20px solid #fff; 

	display:block;

	list-style:none;

	margin:7px 0;

	padding:5px 15px 1px;

	background:#f3fdff;

}

ol.commentlist li.commenthead { 

	display:block;

	list-style:none;

	margin:0;padding:5px 15px;

	}

ol.tblist {

	list-style:none; 

	margin:0 0 1px; 

	padding:0;

}

ol.tblist li {

	display:block;

	list-style:none;

	padding:10px 5px 10px 5px; 

	margin:0 0 5px;

	border:1px dashed #ccc;

}

input#url,input#author,input#email,textarea {

	color:#666;

	width:40%;

	border:1px solid #662D90; 

	margin-bottom:0.6em;

	background:#fcfcfc;

	margin-top:2px;padding:3px;

}