@import url(http://fonts.googleapis.com/css?family=Abel);


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

.shadoww {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.shadoww img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 3px;
}


h2,h3,h4,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

h1 { 
	font-family: 'Abel', sans-serif;
	margin-left: 2px;
	font-size: 29px;
	font-weight: 700;
	}

h2 { 
	font-family: 'Abel', sans-serif;
	margin-left: 2px;
	font-size: 18px;
	font-weight: 400;

	}

h3 { 
	font-family: "Abel",sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #9e2e60;
	}
	
h4 { 
	font-family: "HelveticaNeue","Helvetica Neue",Arial,sans-serif;
	
	font-size: 16px;
	font-weight: 400;
	
	}

h5 { 
	font-family: "Abel",sans-serif;
	font-size: 17px;
	font-weight: 400;
	
	}

h6 { 
	font-family: 'Abel', cursive;
	font-size: 16px;
	font-weight: 400;
	
	}	
			
ul,ol {
	list-style-image:url(i/bullet-violeta.jpg);
	line-height: 20px;
	margin-left: 20px;
}

.proyectos tr:hover {
    background-color: #f1e5ef;  
    color: #000000;
    }
 
.proyectos tr.resaltar {
    background-color: #f1e5ef;  
    color: #000000;
}
 
.proyectos td { 
    
    border-color: #E2E2E2; 
    border-bottom-style: solid; 
    border-bottom-width:1px; 
    padding-left:11px; 
    padding-right:4px; 
    padding-top:5px; 
    padding-bottom:5px
   
}
 
.proyectoss tr:hover {
    background-color: #d4efd2;  
    color: #000000;
    }
 
.proyectoss tr.resaltar {
    background-color: #d4efd2;  
    color: #000000;
}
 
.proyectoss td { 
   
    font-size:11px; 
    border-top-style: solid; 
    border-top-width:0px; 
    padding-left:4px; 
    padding-right:4px; 
    padding-top:1px; 
    padding-bottom:1px
}
 
.proyectos3 td { 
    
    border-color: #E2E2E2; 
    border-bottom-style: solid; 
    border-bottom-width:1px; 
  
}
 
fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



p {
	line-height: 21px;
	padding: 0 0 18px 0;
}

a:link, a:active, a:visited, a:hover {
	color: #9a3265;
	outline: none;
	text-decoration: underline;
}

a.verdes:link {color:#9a3265; text-decoration: none;}      /* unvisited link */
a.verdes:visited {color:#9a3265;}  /* visited link */
a.verdes:hover {color:#9a3265; text-decoration: underline;}  /* mouse over link */
a.verdes:active {color:#9a3265;}  /* selected link */

small {
	font-size: 75%;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

u {
	border-bottom: 1px dotted #999;
	text-decoration: none;
}

code, pre {
	color: #888;
	font-family: monospace;
	font-size: 13px;
}

blockquote {
	background: #fff url(i/bg-entry.jpg) bottom repeat-x;
	border: 1px solid #D6D6D6;
	color: #888;
	font-size: 110%;
	line-height: 24px;
	margin: 12px 0 20px;
	padding: 12px 20px;
}

.mediumgray {
	color: #666;
}

.lightgray {
	color: #aaa;
}

.green {
	color: #85B149;
}


.alignleft, .left {
	float: left;
	margin: 5px 5px 0 0;
}

.alignright, .right {
	float: right;
	margin: 5px 0 0 5px;
}

.clear-both {
	clear: both;
}

.clear {
	clear: both;
	padding: 10px 0 0;
}


	html, body {
		height: 100%;
	}

	body {
		background: #fff;
		color: #555;
		font: normal 13.5px/16px "Lucida grande", Arial, Helvetica, sans-serif;
		margin: 0px auto;
		padding: 0;
		text-align: left;
		}

	 .tweetbox {
			
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 10px 0;
			padding: 6px 8px 2px;
			text-shadow: 0 1px 0 #fff;
			width: 560px;
			}

		.tweetbox img {
			float: left;
			margin: -3px 10px 0 0;
			}

		#demo {
			margin : 0 auto;
			width:100%;
		}

		#demo .extra {
			padding-left:30px;
		}

		#demo .options {
			padding-left:10px;
		}

		#demo .getOption {
			padding-left:10px;
			padding-right:20px;
		}
		
		#sidebar {
			float: left;
			margin: 5px 0 0 10px;
			width: 295px;
				}

		#sidebar a:link, #sidebar a:visited, #sidebar a:active {
			color: #666;
			}

		.sidebox {
			border: 1px solid #D6D6D6;
			border-bottom: none;
			margin-bottom: 22px;
			}

		#sidebar h3 {
			background: url(i/fondo_sidebox.jpg) bottom repeat-x;
			border-bottom: 1px solid #D6D6D6;
			color: #555;
			float: left;
			font: 900 12px Arial,Helvetica,sans-serif;
			margin-bottom: 3px;
			padding: 4px 10px 5px;
			text-shadow: 0 2px 0 #fff;
			width: 280px;
		}

		#sidebar .minibox {
			background: #fff url(i/fondo_entry.jpg) bottom repeat-x;
			
			border: 1px solid #D6D6D6;
			border-bottom: 1px solid #ccc;
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 10px 0;
			padding: 6px 8px 2px;
			text-shadow: 0 1px 0 #fff;
			width: 280px;
			}

		#sidebar .minibox img {
			float: left;
			margin: -3px 2px 0 0;
			}

		
		
		
		#sidebar .boxhosteltur {
			background: #dff3fa;
			border: 1px solid #D6D6D6;
			color: #888;
			display: inline;
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 15px 0;
			padding: 11px 11px;
			width: 260px;
			}
			
		#sidebar .boxhosteltur h4 {
			color: #444;
			font: 15px "Lucida grande",Arial,Helvetica;
			letter-spacing: -1px;
			margin-bottom: 6px;
			}

		
		#sidebar .boxhosteltur ul {
			line-height: 23px;
			margin-left: 22px;
			}

		#sidebar .boxhosteltur li.last {
			text-align: right;
			}

		#sidebar .boxhosteltur a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}
			
		
		#sidebar .box-lomejor {
			background: #fff url(i/fondo_entry.jpg) bottom repeat-x;
			border: 1px solid #D6D6D6;
			color: #888;
			display: inline;
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 15px 0;
			padding: 11px 11px;
			width: 260px;
			}
			
		#sidebar .box-lomejor h4 {
			color: #444;
			font: 15px "Lucida grande",Arial,Helvetica;
			letter-spacing: -1px;
			margin-bottom: 6px;
			}

		
		#sidebar .box-lomejor ul {
			line-height: 23px;
			margin-left: 22px;
			}

		#sidebar .box-lomejor li.last {
			text-align: right;
			}

		#sidebar .box-lomejor a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}
			
		#columnados {
			float: left;
			margin: 5px 0 0 0px;
			width: 610px;
				}

		#columnados a:link, #sidebar a:visited, #sidebar a:active {
			color: #666;
			}

		.sidebox {
			border: 1px solid #D6D6D6;
			border-bottom: none;
			margin-bottom: 10px;
			}

		#columnados h3 {
			background: url(i/fondo_sidebox.jpg) bottom repeat-x;
			border-bottom: 1px solid #D6D6D6;
			color: #555;
			float: left;
			font: 900 12px Arial,Helvetica,sans-serif;
			margin-bottom: 3px;
			padding: 4px 10px 5px;
			text-shadow: 0 2px 0 #fff;
			width: 450px;
		}

		#columnados .minibox {
			background: #fff ;
			border: 1px solid #D6D6D6;
			border-bottom: 1px solid #ccc;
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 25px 0;
			padding: 6px 10px 2px;
			text-shadow: 0 1px 0 #fff;
			width: 510px;
			}

		#columnados .minibox img {
			float: left;
			margin: -3px 2px 0 0;
			}

		
		#columnados .box-post {
			background: #fff url(i/gris-box.jpg);
			border: 1px solid #D6D6D6;
			color: #888;
			display: inline;
			float: left;
			font-size: 13px;
			line-height: 18px;
			margin: 0 5px15px 0;
			padding: 5px 12px;
			width: 580px;
			}
			
		#columnados .box-post h4 {
			color: #444;
			font: 17px "Lucida grande",Arial,Helvetica;
			letter-spacing: -1px;
			margin-bottom: 6px;
			}

		#columnados .box-post img {
			float: right;
			}

		#columnados .box-post ul {
			line-height: 23px;
			margin-left: 22px;
			}

		#columnados .box-post li.last {
			text-align: right;
			}

		#columnados .box-post a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}
		
		#columnados .box-post2 {
			background: #fff url(i/fondo_entry.jpg) bottom repeat-x;
			border: 1px solid #D6D6D6;
			color: #888;
			display: inline;
			float: left;
			font-size: 13px;
			line-height: 18px;
			margin: 0 5px15px 0;
			padding: 11px 12px;
			width: 600px;
			}
			
		#columnados .box-post2 h4 {
			color: #444;
			font: 17px "Lucida grande",Arial,Helvetica;
			letter-spacing: -1px;
			margin-bottom: 6px;
			}

		#columnados .box-post2 img {
			float: center;
			}

		#columnados .box-post2 ul {
			line-height: 23px;
			margin-left: 22px;
			}

		#columnados .box-post2 li.last {
			text-align: right;
			}

		#columnados .box-post a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}	
	
		
		#contenido {
			float: left;
			margin: 5px 0 0 5px;
			width: 590px;
				}

		#contenido a:link, #sidebar a:visited, #sidebar a:active {
			color: #666;
			}

		.sidebox {
			border: 1px solid #D6D6D6;
			border-bottom: none;
			margin-bottom: 10px;
			}

		#contenido h3 {
			background: url(i/fondo_sidebox.jpg) bottom repeat-x;
			border-bottom: 1px solid #D6D6D6;
			color: #555;
			float: left;
			font: 900 12px Arial,Helvetica,sans-serif;
			margin-bottom: 3px;
			padding: 4px 10px 5px;
			text-shadow: 0 2px 0 #fff;
			width: 450px;
		}

		#contenido .minibox {
			background: #fff ;
			border: 1px solid #D6D6D6;
			border-bottom: 1px solid #ccc;
			float: left;
			font-size: 11px;
			line-height: 18px;
			margin: 0 5px 25px 0;
			padding: 6px 10px 2px;
			text-shadow: 0 1px 0 #fff;
			width: 560px;
			}

		#contenido .minibox img {
			float: left;
			margin: -3px 2px 0 0;
			}

		
		#contenido .boxgrande {
			background: #fff url(i/fondo_entry.jpg) bottom repeat-x;
			border: 1px solid #D6D6D6;
			color: #888;
			display: inline;
			float: left;
			font-size: 13px;
			line-height: 18px;
			margin: 0 5px15px 0;
			padding: 11px 12px;
			margin-bottom: 15px;
			width: 560px;
			}
			
		#contenido .boxgrande h4 {
			color: #444;
			font: 17px "Lucida grande",Arial,Helvetica;
			letter-spacing: -1px;
			margin-bottom: 6px;
			}

		#contenido .boxgrande img {
			float: right;
			}

		#contenido .boxgrande ul {
			line-height: 23px;
			margin-left: 22px;
			}

		#contenido .boxgrande li.last {
			text-align: right;
			}

		#contenido .boxgrande a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}
		

		#contenido .box-post a:link, #sidebar .col-favorites a:visited, #sidebar .col-favorites a:active {
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
			}