html {
	background-color:#FFF;
}

body {
	text-align:center;
	font-family: Verdana, Geneva, sans-serif;
	font-size:15px;
	color:#666;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size:30px;
	font-weight:bold;
	color: #C60000;
}

h2 {
	font-size:26px;
	text-align:left;	
	margin-bottom:10px;
}

h3 {
	font-size:22px;
	margin-bottom:10px;
}

p {
	padding:3px;
	text-align:left;
}

ul {
	padding:3px;
}

li {
	list-style:circle;
	text-align:left;
	margin-left:25px;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

form {
	text-align:left;
	margin:10px;
}

form#url-form {
	margin-bottom:35px;
}
textarea {
    margin: 0 10px;
    width: 60%;
    border: #ccc solid 1px;
    height: 110px;
}

input, select {
	border:1px solid #DDDDDD;
	margin: 4px 10px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}



input:focus {
	border:2px solid #C60000;
}

#form-button{
	border: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
	width: 100%;
	font-weight:bold;
	padding:10px;

}
input#form-button:hover {
    background-color: #000;
    color: #fff;
}

.alert {
	color:#F00;
	margin: 40px;
    font-size: 1.8rem;
    background-color: #000;
    color: #fff;
    padding: 15px;
}

a:link, a:visited, a:active {
	color: #C60000; 
	text-decoration: none; 
}

a:hover {
	color:#C33; 
	text-decoration: underline; 
}

table {
	border-collapse:collapse;
	border-color:#E9E9E9;
	border-spacing:0;
	border-style:solid;
	border-width:0 0 1px 1px;
}

td {
	border-color:#E9E9E9;
	border-style:solid;
	border-width:1px 1px 0 0;
	margin:0;
	padding:4px;
}

#container {
    min-width: 400px;
    width: 70%;
    max-width: 1200px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 5px;
    text-align: left;
	margin:  0 auto
}

#header {
	width:100%;
	border-bottom:1px solid #333;
	text-align:left;
	margin-bottom:90px;
	
}

#header h1 {
	padding-left:20px;
	 float: left;
    width: 47%;
}
#header h1.cabe2 {
	text-align:right;
}

#footer {
	width:100%;
	border-top:1px solid #333;
	font-size:12px;
	margin-top: 60px;
}
.enlacesactivos td:nth-child(1) {
    width: 60%;
}

#logout-link {
	float:right;
	padding-left:5px;
	margin:-35px 0 0 0;
}

#click-summary h3 {
	color:#C60000; 
	margin-top:10px;
}

.clear-floats{
	clear:both;
}

.small-text {
	font-size:12px;
}

.center {
    text-align: center;
}
.center > div, .center > table {
    margin-left: auto;
    margin-right: auto;
}

.options-separator {
	margin:0px 3px;
}

span.mobile-referrer {
	display:none;
}

/* aņadidos DHA  */
.nuevoenlace {
    border: solid 1px grey;
    padding: 15px 3px;
    margin: 35px 0;
}

input[type="text"] {
    width: 60%;
}

label {
    width: 30%;
    float: left;
    text-align: right;
}
#login-form label {
    width: 85px;
}
#login-form input {
    width: 180px;
}

#login-form input#form-button {
    width: 270px;
    height: 29px;
    font-weight: bold;
}
table.enlacesactivos {
    width: 100%;
}
p.entrar {
    margin: 120px 0;
}


@media screen and (max-width: 800px){
	#content {
		border:none;
	}
	
	#header h1 {
		padding-left:0px;
		text-align: center;
	}

	#logout-link {
		float: none;
		padding-left:0px;
		text-align: center;
		margin-bottom:10px;
	}		
	
	label {
		display: block;
		float: none;
		width: auto;
		text-align:left;
	}
	
	form#url-form {
		margin-left:0px;
		margin-bottom:20px;
	}
	
	input[type="text"] {
		width:90%;
	}
	
	table a {
		display:block;
	}
	
	.options-separator {
		display:none;
	}	
	
	span.mobile-referrer {
		display:inline;
	}

	span.desktop-referrer {
		display:none;
	}

}

@media screen and (max-width:400px) {
	.link-prefix {
		display:none;
	}
}