/* common - based on Eric Meyer's reset, you shouldn't change this section
======================================*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0; margin: 0; padding: 0; vertical-align: baseline; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

body {background: #ddd; font: 75%/1.6 arial, sans-serif; color: #333;}

table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;height: 40px;}
tr:hover {background:#e4efc5;}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

li {list-style-type: none;}

hr {display: none;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* basic links properties 
a {border-bottom: 1px solid #ccc; text-decoration: none; color: #333;}*/
a.alt,
.altbox .content a {border-color: #d0e4f5; color: #0f5290;}
a:hover, a:active, a:focus,
a.alt:hover, a.alt:active, a.alt:focus,
.altbox .content a:hover, .altbox .content a:active, .altbox .content a:focus {border-color: #d0e4f5; color: #0a80cf;}
a img {border: none;}

/* abstract classes
======================================*/
/* autocleaning (use for parent of floated element, but take care, it has some limitations) */
.cw {width: 100%; overflow: hidden;}
.cw2 {overflow: hidden; height: 1%;}
/* float helpers */
.fl {float: left;}
.fr {float: right;}
/* classic cleaner */
.cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}
/* safe cleaning, use eg. for parent of floated element */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* image replacement (see <h1 id="logo"> section in index.html for example) */
.ir {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

/* text align helpers */
.tl {text-align: left !important;}
.tr {text-align: right !important;}
.tc {text-align: center !important;}
.ttop {vertical-align: top !important;}

/* for buttons etc. */
.hand {cursor: hand; cursor: pointer;}

/* accessible hiding of elements */
.a-hidden {position: absolute; top: -10000em;}

/* first and last helpers, mainly for table cells */
.first {border-left: 0 !important;}
.last {border-right: 0 !important;}

/* layout
======================================*/

.inner-container {width: 95%; margin: 0 auto;}

#header {border-bottom: 1px solid #2a9fec; background: #0f508d url("img/header.png") repeat-x; min-height: 100px;}
	#header .inner-container {padding: 20px 0 16px 0;}
	/* logo: set the width and height of your logo (in px) and margin-top depending on height of your logo */
	#header #logo {position: relative; float: left; height: 70px; margin-top: -5px;}
		#header #logo a.home {border: 0; display: block; width: 100%; height: 100%; overflow: hidden; text-shadow: #003f6c 1px 1px 0; font-size: 180%; font-weight: bold; font-style: italic; color: #fff;}
		#header #logo a.home .ir {/*background: url("img/logo-soft.png")*/ no-repeat;width: 192px; height: 70px; }
		#header #logo a.button {position: absolute; left: 400px; top: 25px; margin-left: 20px; padding: 4px 9px 4px; white-space: nowrap;width: 185px;}
	/* box for user info, settings and logout */
	#header #userbox {background: url("img/userbox.png") no-repeat; position: relative; float: right; width: 283px; min-height: 65px; line-height: 1.3;}
		#header #userbox .inner {padding: 17px 50px 0 65px;}
		#header #userbox a#logout {border: 0; position: absolute; right: 14px; top: 21px; display: block; width: 23px; height: 24px; overflow: hidden; line-height: 1; font-size: 90%;}
		#header #userbox a#logout .ir {background: url("img/logout.png");}
		#header #userbox a#logout:hover .ir,
		#header #userbox a#logout:focus .ir,
		#header #userbox a#logout:active .ir {background-position: -23px 0;}
		#header #userbox strong {font-size: 120%; font-weight: normal; color: #fff;}
		#header #userbox a {border-color: #427da9; color: #d0e1ed;}
		#header #userbox a:hover,
		#header #userbox a:active,
		#header #userbox a:focus {border-color: #9bc4e3; color: #fff;}
		#header #userbox ul {}
		#header #userbox ul li {display: inline;}
		#header #userbox ul a {float: left; margin-right: 7px; }

/* navigation stripe */
#nav {border-top: 1px solid #004483; border-bottom: 1px solid #999; background: #fff;}
	#nav .inner-container {background:url(img/fondo-buscador_en.gif) 250px no-repeat; position: relative; z-index: 2; padding: 26px 0 25px 0; height:30px;}
	#nav .inner-container-fecha {position: relative; z-index: 2; height:58px; margin:0 auto;}
	/* navigation section switcher */
	#nav #h-wrap {position: absolute; top: 14px; left: 0; z-index:100000;} /* Set your width for section switcher (only in IE 7 and older, modern browsers will set optimal width automatically) */
		#nav #h-wrap.active {border: 4px solid rgba(200, 200, 200, 0.5); top: 7px; left: -22px;}
		#nav #h-wrap.active {-moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px;}
		#nav #h-wrap.active .inner {border: 1px solid #999; background: #fff; padding: 2px 0 10px 17px;}
		#nav #h-wrap.active .inner {-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
		#nav #h-wrap .h-ico {background: 0 50% no-repeat;}
		#nav #h-wrap .h-ico span {display: block; padding-left: 50px; padding-right:20px;}
		#nav #h-wrap .ico-dashboard {background-image: url("img/h-ico/dashboard.png");} /* feel free to add/modify your own icons - icons are located in "css/img/h-ico/*" */
		#nav #h-wrap .ico-comments {background-image: url("img/h-ico/aceptar.png");}
		#nav #h-wrap .ico-color {background-image: url("img/h-ico/color.png");}
		#nav #h-wrap .ico-edit {background-image: url("img/h-ico/target.png");}
		#nav #h-wrap .ico-media {background-image: url("img/h-ico/editar.png");}
		#nav #h-wrap .ico-syndication {background-image: url("img/h-ico/syndication.png");}
		#nav #h-wrap .ico-cash {background-image: url("img/h-ico/cash.png");}
		#nav #h-wrap .ico-users {background-image: url("img/h-ico/lista.png");}
		#nav #h-wrap .ico-advanced {background-image: url("img/h-ico/advanced.png");}
		#nav #h-wrap .ico-send {background-image: url("img/h-ico/send.png");}
		#nav #h-wrap .ico-pareo {background-image: url("img/h-ico/pareo.png");}
		#nav #h-wrap .ico-reportes {background-image: url("img/h-ico/reportes.png");}
		/* feel free to add more icons here like above (icon set is included in directory "./img/h-ico" and is free for commercial use) */
		#nav #h-wrap h2 {background: url("img/h-wrap-h2.png") 100% 100% no-repeat; position: relative; float: left; height: 51px; line-height: 55px; vertical-align: middle; font-size: 200%; font-weight: bold;}
		#nav #h-wrap.active h2 {background: none;}
		#nav #h-wrap h2 .h-ico {display: block; height: 100%; padding-right: 42px;}
		#nav #h-wrap h2 .h-arrow {background: url("img/h-arrow.gif") 0 0 no-repeat; position: absolute; top: 18px; right: 19px; display: block; width: 11px; height: 15px; overflow: hidden;}
		#nav #h-wrap.active h2 .h-arrow {background-position: 100% 0;}
		#nav #h-wrap ul {display: none; clear: both;}
		#nav #h-wrap ul li {display: inline;}
		#nav #h-wrap ul a {border: 0; display: block; height: 40px; overflow: hidden; line-height: 45px; vertical-align: middle; font-size: 150%;}
		#nav #h-wrap ul a:hover,
		#nav #h-wrap ul a:focus,
		#nav #h-wrap ul a:active {color: #1d78bc;}
	/* search form */
	#nav form {background: url("img/search-input.png") no-repeat; float: right; width: 227px; height: 28px; padding: 0; overflow: hidden; font-family: inherit;}
		#nav form input.text {outline: 0; border: 0; background: transparent; width: 194px; height: 14px; vertical-align: middle; margin: 1px 0 1px 1px; padding: 6px 2px; overflow: hidden; font-size: 100%; color: #555;}

/* content wrapper */
#container {background: url("img/container.gif") repeat-x;}
	#container .inner-container {position: relative; z-index: 1; left: 10px; width: 95%; padding: 20px 0;}

#footer {clear: both; padding: 30px 0 10px 0; text-align: center; margin-top:-70px;}
#footer p {margin: 50px 0 10px 0; color: #999;}
#footer a {color: #777;}
#footer a:hover,
#footer a:active,
#footer a:focus {border: none;}

/* content styling
--------------------------------------*/

/* stylish buttons with rounded corners */
.button {border: 1px solid #00487a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #0567ad url("img/button.gif") repeat-x; padding: 5px 9px 5px; text-shadow: #00487a 1px 1px 0; color: #fff; cursor: pointer; width: 90px; text-decoration:none;}
	.button:hover,
	.button:focus,
	.button:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}
	/* alternative colors */
	.altbox .button {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbox .button:hover,
	.altbox .button:focus,
	.altbox .button:active {border-color: #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbutton {border: 1px solid #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0;}
	.altbutton:hover,
	.altbutton:focus,
	.altbutton:active {border-color: #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0; color: #fff;}
	.altbox .altbutton {border: 1px solid #00487a; background: #0567ad url("img/button.gif") repeat-x; text-shadow: #00487a 1px 1px 0;}
	.altbox .altbutton:hover,
	.altbox .altbutton:focus,
	.altbox .altbutton:active {border-color: #272727; background: #2a2a2a url("img/altbutton.gif") repeat-x; text-shadow: #000 1px 1px 0; color: #fff;}

/* icons for content links etc. */
.ico { border: 0 !important; }
.ico-a { border: 0 !important; padding-left: 20px !important; }

/* tags, filetypes */
.tag {
	padding: 4px 7px; color: #fff !important;
	border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
}
.tag-gray { /* feel free to add more tag types, just change the colors of gradients/borders */
	border-bottom: 1px solid #666;
	background: #999;
	background: gradient(linear, left top, left bottom, from(#bbb), to(#999));
	background: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(#999));
}

/* error/information messages */
.msg {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid; margin: 0 0 15px 0; padding: 8px 10px 0 10px;
}
.msg p {margin: 0 0 8px 0; padding-left: 25px;}
.msg-ok {border-color: #a6d877; background: #d2ecba url("img/msg-ok.png") repeat-x; color: #336801;}
.msg-error {border-color: #f3abab; background: #f9c9c9 url("img/msg-error.png") no-repeat; color: #8d0d0d; padding: 5px 25px ;}
.msg-warn {border-color: #d7e059; background: #f3f7aa url("img/msg-warn.png") repeat-x; color: #6c6600;}
.msg-info {border-color: #9fd1f5; background: #c3e6ff; color: #005898;}
.msg-ok p {background: url("img/led-ico/accept.png") 0 50% no-repeat;}
.msg-error p {background: url("img/led-ico/cross_octagon.png") 0 50% no-repeat;}
.msg-warn p {background: url("img/led-ico/exclamation_octagon_fram.png") 0 50% no-repeat;}
.msg-info p {background: url("img/led-ico/exclamation.png") 0 50% no-repeat;}
.error {color: #b70b0b;}
/* forms */
form {padding: 0 0px;
float:left;
position: relative;
top: -80px;
left: 300px;
z-index:3;
margin-left:-350px;
}
.form2 { 
padding: 18px;
position: absolute;
top: 365px;
margin-left: 100px;
width: 0px;
}
.form3 { 
margin: 80px 0 0 -285px;
}
form.plain {padding: 0;} /* plain forms - used in tabular and grid data structures, TAKE CARE of it, please */
form.plain fieldset {border: 0 !important; padding: 0 !important;}
form.basic dl {width: 100%; overflow: hidden;} /* basic layout for forms */
form.basic dl dt,
form.basic dl dd {float: left;}
form.basic dl dt {padding: 3px 5px 3px 0; width: 20%;}
form.basic dl dd {padding: 3px 0 3px 5px; width: 76%;}
input {	outline:0px;}
label.check,
label.radio {margin-right: 5px;}
form small {color: #999;}
input.txt,
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; padding: 5px;
}
form.basic input.txt,
form.basic textarea {width: 100%;}
input.error,
textarea.error {border-color: #d35757; background-image: url("img/txt-error.gif");}
span.loading {background: url("img/upload.gif") 0 50% no-repeat; padding: 3px 0 3px 20px;}
form.fields {} /* plain and clean layout for forms */
form.fields fieldset {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #ccc; margin-bottom: 15px; padding: 10px 15px 15px 15px;
}
form.fields fieldset.last {margin-bottom: 0; border-right: 1px solid #ccc !important;}
form.fields fieldset legend {padding: 0 10px; font-size: 110%;}
form.fields label,
form.fields div.sep {display: block; margin-top: 6px;}
form.fields label.check,
form.fields label.radio {display: inline; margin-top: 0;}
form.fields span.loading {margin-left: 10px;}
/* lists for actions (remove, modify) */
ul.actions {margin: 0;}
ul.actions li {display: inline; margin-right: 5px;}

/* content boxes */
.box {float: left; width: 960px; margin: 0 20px 20px 0;}
	.box-25 {width: 225px;} /* 25% box */
	.box-50 {width: 470px; margin:10px 40%;} /* 50% box */
	.box-75 {width: 420px; margin-top:10px;} /* 75% box */
	.box-75r {width: 600px; padding:10px;} /* 75% box */
	.box-100 {width: 95%; float:none; margin: 10px auto -38px} /* 100% box */
	.altbox {} /* class for alternative (emphasized) boxes (blue headings and colors) */
	/* wrap of box's content */
	.boxin {box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px; border: 1px solid #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #fff;}
	/* boxes' headers */
	.box .header {
		background: #0F508D url("img/header.png") repeat-x;
		border-top: 1px solid #2A9FEC;
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		position: relative; margin: -1px -1px 0 -1px; padding: 7px 0 9px 20px;
	}
	
	.campos .header {
		background: #0F508D url("img/header.png") repeat-x;
		border-top: 1px solid #2A9FEC;
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		position: relative; margin: -1px -1px 0 -1px; padding: 7px 0 9px 20px;
	}
		
		.campos .header h3 {position: relative; top: 2px; display: inline; font-size: 150%; color: #fff; text-shadow: #151515 0 1px 0;}
		
	.altbox .header {border-top-color: #0a81d0; background: #0f518e url("img/altheaderbox.png") repeat-x;}
	.box .header h3 {position: relative; top: 2px; display: inline; font-size: 150%; color: #fff; text-shadow: #151515 0 1px 0;}
	.altbox .header h3 {text-shadow: #003d68 0 1px 0;}
	.box .header .button {margin-left: 15px;}
	/* tags in the header */
	.box .header ul {position: absolute; right: 9px; bottom: 0;}
	.box .header ul li {display: inline;}
	.box .header ul a {
		border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
		background: #489CD4; border: 0; float: left; margin: 0 0 0 5px; padding: 8px 13px 6px; color: #fff;
	}
	.box .header ul a.active,
	.box .header ul a:hover,
	.box .header ul a:focus,
	.box .header ul a:active {background: #fff url("img/altheadertab.png") repeat-x; color: #444;}
	.altbox .header ul a {background-color: #489CD4; text-decoration:none;}
	.altbox .header ul a.active,
	.altbox .header ul a:hover,
	.altbox .header ul a:focus,
	.altbox .header ul a:active {background: #fff url("img/altheadertab.png") repeat-x; color: #0f518e; text-decoration:none;}
	/* boxes' content types – tabular */
	.box .content {margin-bottom: 5px;}
	.box .content table {width: 100%;}
	.box .content table th,
	.box .content table td {padding: 10px 10px 8px 10px;}
	.box .content table th {text-align: left; font-weight: normal;}
	.box .content table tr.even th,
	.box .content table tr.even td {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content table tr.even td {background: #f0f9ff;}
	.box .content table th.first,
	.box .content table td.first {padding-left: 20px;}
	.box .content table thead th,
	.box .content table thead td {border-left: 1px solid #f2f2f2; border-right: 1px solid #d5d5d5; background: #ddd url("img/thead.gif") repeat-x; text-shadow: #fff 0 1px 0;}
	.box .content table tbody tr.first th,
	.box .content table tbody tr.first td {border-top: 1px solid #bbb;}
	.altbox .content table tbody {color: #00305d;}
	.box .content table a.ico-comms {border: 0; background: url("img/ico-tablecomms.gif") 50% 60% no-repeat; padding: 10px; color: #fff;}
	.box .content table tfoot th,
	.box .content table tfoot td {border-top: 1px solid #ccc; background: #fff url("img/tfoot.gif") repeat-x;}
	/* boxes' content types – simple list */
	.box .content ul.simple li {clear: both; padding: 10px 20px 8px 20px; overflow: hidden;}
	.box .content table tr.even th,
	.box .content ul.simple li.even {background: #f5f5f5;}
	.altbox .content table tr.even th,
	.altbox .content ul.simple li.even {background: #f0f9ff;}
	.box .content ul.simple strong {float: left; font-weight: normal;}
	.box .content ul.simple span {float: right;}
	/* boxes' content types – grid */
	.box .content .grid {}
	.box .content .grid .line {border-bottom: 1px solid #ddd; width: 100%; overflow: hidden;}
	.altbox .content .grid .line {border-bottom-color: #c7dfef;}
	.box .content .grid .even {background: #f5f5f5;}
	.altbox .content .grid .even {background: #f0f9ff;}
	.box .content .grid .item {float: left; width: 50%;}
	.box .content .grid .item .inner {padding: 17px 15px 12px 20px;}
	.box .content .grid .firstline {border-top: 0 !important;}
	.box .content .grid .lastline {border-bottom: 0 !important;}
	.box .content .grid .item a.thumb {border: 0; float: left;}
	.box .content .grid .item .data {margin-left: 165px;}
	.box .content .grid .item h4 {margin: 0 0 10px 0; font-size: 110%; font-weight: bold;}
	.box .content .grid .item h4 span {margin-right: 5px; font-weight: normal; font-size: 90%;}
	.box .content .grid .item p {margin: 0 0 5px 0; color: #666;}
	.box .content .grid ul.actions {margin-top: 8px;}
	/* boxes' pagination */
	.pagination {border-top: 1px solid #999; background: #fff url("img/pagination.gif") repeat-x; text-align: center; color: #333 !important; position: relative;
top: -11px; width: 95%; margin: 0 auto; padding: 12px 0 0 0; border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border:#999 1px solid; *width:1000px;}
	.pagination ul {position: relative; top: -1px; padding: 12px 10px 6px;}
	.pagination ul li {display: inline;}
	.pagination a {
		border: 0; background: #ebebeb url("img/pagination-item.gif") repeat-x; margin: 0 5px; padding: 6px 10px; color: #333 !important;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
	}
	.pagination a:hover,
	.pagination a:active,
	.pagination a:focus {color: #0a80cf !important;}
	.pagination strong {background: url("img/pagination-arrow.gif") 50% 0 no-repeat; padding: 15px 10px 8px;}
	/* calendar */
	table.calendar {width: 100%;}
	table.calendar thead {zoom: 1;}
	table.calendar thead tr {zoom: 1;}
	table.calendar thead th.month {border-bottom: 1px solid #bbb; font-weight: bold; font-size: 120%; zoom: 1;}
	table.calendar thead th.month a {border: none; position: relative; top: 5px; margin: 0 10px; zoom: 1;}
	table.calendar th,
	table.calendar td {width: 14.3%; text-align: center;}
	table.calendar tbody td,
	table.calendar tbody th {border: 1px solid #ddd; border-top-color: #fff; border-left-color: #fff;}
	table.calendar strong {font-size: 140%;}
	table.calendar .inactive {color: #aaa;}
	table.calendar div.items a {border: 0; margin: 0 1px;}
	
/* login page */
#login {background: transparent; padding: 100px;}
#login .box {float: none; margin: 0 auto;}
#login .boxin {box-shadow: #111 0 0 10px; -webkit-box-shadow: #111 0 0 10px; -moz-box-shadow: #111 0 0 10px; border: 0; height: 410px;}
#login .header {padding-top: 20px; padding-bottom: 15px; margin: 0; text-align:center;}
#login table {width: 75%; margin: 0 auto;}
#login th,
#login td {padding: 0 5px 5px 0;}
#login th {width: 60px;}
#login td.proceed {padding-right: 0;}
#login td.proceed input {margin: 0;}
#login input.txt {width: 260px;}

.logo {
border: solid 2px #CCC;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
background: #fff;
}	

.globito {
	border: 0;
	background: url("img/ico-tablecomms.png") 50% 60% no-repeat;
	padding: 10px;
	color: white;
	margin-left: 5px;
}

.rondalogo {
	position:absolute;
	left: 170px;
	top: 10px;
}
.rondatextos {
	font-family: Tahoma, sans-serif;
	line-height: 1em;
	color: white;
	font-weight: bold;
	font-size: 15px;
	text-shadow: 0px 0px 0 #CACACA,1px 1px 0 #9E9E9E, 2px 2px 0 #737373,3px 3px 2px rgba(0, 0, 0, 0.6),3px 3px 1px rgba(0, 0, 0, 0.5),0px 0px 2px rgba(0, 0, 0, .2);
	position:absolute;
	left: 170px;
	margin-top:50px;
}

.rondatextosamarillo {
	font-family: Verdana, sans-serif;
	line-height: 1em;
	color: #FAD457;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 0px 0px 0 #CA9800,1px 1px 0 #9E6C00, 2px 2px 0 #734100,3px 3px 2px rgba(0, 0, 0, 0.6),3px 3px 1px rgba(0, 0, 0, 0.5),0px 0px 2px rgba(0, 0, 0, .2);
	float:right;
	margin-right: 20px;
	margin-top:70px;
}

.rondatextosceleste {
	font-family: Tahoma, sans-serif;
	line-height: 1em;
	color: #C2E3F8;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0px 0px 0 #89AABF,1px 1px 0 #597A8F, 2px 2px 0 #2A4B60,3px 3px 2px rgba(0, 0, 0, 0.2),3px 3px 1px rgba(0, 0, 0, 0.5),0px 0px 2px rgba(0, 0, 0, .2);
	position: absolute;
	left: 260px;
	margin-top: 90px;
}

.rondatextoazul {
	font-family: Tahoma, sans-serif;
	line-height: 1em;
	color: #2A9FEC;
	font-weight: bold;
	font-size: 18px;z
}
.fecol {
	position: absolute;
	top: -8px;
	left: 420px;
}

.textoico {
	font-size:10px;
	text-decoration:none;
}
.buscador {
	width:680px;
	margin-left:400px;
	position:absolute;
	z-index:100;
	top:120px;
	font-size: 12px;
}
 
/* --- admin --- */

.contenido {
	padding:10px;
}

.buttonaceptar {
	border: 1px solid #007615; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background: #02ae22 url("img/buttonaceptar.gif") repeat-x; 
	padding: 5px 12px 5px; 
	text-shadow: #00487a 1px 1px 0; 
	color: #fff; 
	cursor: pointer;
	text-decoration:none;

}

.buttoncancelar {
	border: 1px solid #6f1500; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	background: #ae3420 url("img/buttoncancelar.gif") repeat-x; 
	padding: 5px 9px 5px; 
	text-shadow: #00487a 1px 1px 0; 
	color: #fff; 
	cursor: pointer; 
	width: 90px;
	text-decoration:none;
}

.buttonaceptar:hover,
.buttonaceptar:focus,
.buttonaceptar:active {
	border-color: #272727; 
	background: #2a2a2a url("img/altbutton.gif") repeat-x; 
	text-shadow: #000 1px 1px 0; 
	color: #02ae22;
}

.buttoncancelar:hover,
.buttoncancelar:focus,
.buttoncancelar:active {
	border-color: #272727; 
	background: #2a2a2a url("img/altbutton.gif") repeat-x; 
	text-shadow: #000 1px 1px 0; 
	color: #02ae22;
}

.boton {
	padding: 5px 10px;
	float: right;
	border-top: 1px solid #9fd1f5;
	background: #489CD4;
	border-radius: 5px;
	color:#fff;
	cursor: pointer;
}

/* ----------- inscripcion -------*/

.logoronda {
	padding:5px;
	background-color:#FFFFFF;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	float:left;
}

#tituloronda {
	width:385px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	margin:0 25px;
	text-shadow: #00005E 2px 2px 5px;
}	

#tituloronda .titulo{
	font-size: 34px;
	font-weight:bold;
	color:#fff;
	letter-spacing:-1px;
	line-height:36px;
}

#tituloronda .subtitulo{
	font-size: 25px;
	color:#fff;
	line-height:26px;
}

#fecha {
	background:url(img/rondas-bg-fecha.png);
	height:41px;
	margin: -5px 0;
	width:728px;
}

#fecha .fecha {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color:#0f518e;	
	margin: 0 10px;
	padding-top: 4px;
}

.formulario {
	width: 308px;
	padding:10px 15px;
	background:#FFFFFF;
	position:absolute;
	right:0;
	-moz-border-radius: 0 0px 8px 8px; 
	-webkit-border-radius: 0 0px 8px 8px; 
	border-radius: 0 0px 8px 8px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	box-shadow: #AAA 0 0 10px;
	-webkit-box-shadow: #AAA 0 0 10px;
	-moz-box-shadow: #aaa 0 0 10px;
	
}

#textos1 {
	padding:10px;
	overflow:auto;
	height: 200px;
}

.derecha {
	float:right;
	margin: -385px 20px;
}

.izquierda {
	float:left;
}

.sponsors {
	height:640px;
	padding:10px;

}

#empresas {
	top: 40px;
	position: absolute;
	right: 252px;
	width:200px;

}

.campos {
	float: left; width: 960px; margin: 0 20px 20px 0;
}

.terminos {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	padding-top: 10px;
}

.mirada {
	position: absolute;
	margin: 20px -15px
}

.mapa {
	padding:10px;
}

#tabs {
	margin: 76px 0 -20px 830px;
	position: absolute;
	z-index:10;
}

#tabs .active {
	background: white url("img/altheadertab.png") repeat-x;
	color: #0F518E;
	text-decoration: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border: 0;
	margin: 0 0 0 5px;
	padding: 8px 13px 6px;
	float:left;
}

#tabs ul a {
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	background: #489CD4;
	border: 0;
	float: left;
	margin: 0 0 0 5px;
	padding: 8px 13px 6px;
	color: white;
	text-decoration: none;
}

#tabs ul li {
	display: inline;
}

/*-------- admin -----------*/

#empresa1 {
	width:220px;
	background-color:#ff0000;
}

#empresa2 {
	width:220px;
	background-color:#ff0000;
}

.par{
	background-color:#ffffff;
}

.impar{
	background-color:#f1f1f1;
}

.paginacion {
	font-size:12px;
	color:#b1b1b1
}

.reportes {
	margin: 20px;
	width: 50%;
	height: 1000px;
	float: left;
}


/* ------ display-sugerencias ----*/

.display {
	display:none;
	position: fixed;
	width:250px;
	top: 250px;
	right: 160px;
	border: 2px solid #d0d0d0;
	z-index: 101;
	background:#e5e5e5;
	margin: -1px -1px 0 -1px;
	padding: 7px 0 9px 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 8px 4px #ababab;
    -webkit-box-shadow: 0px 0px 8px 4px #ababab;
    box-shadow: 0px 0px 8px 4px #ababab;
}

.titledisplay {
	background: #0F508D url("img/header.png") repeat-x;
	border-top: 1px solid #2A9FEC;
	border-radius: 5px 5px 0 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
	
/* ------ Sponsors ------ */

.barrasponsors {
	margin:0 auto;
}

.sponsor {
	float:left;
}

.bgsponsor {
	border-top: 1px solid #2a9fec; 
	background: #0f508d url(img/header.png) repeat-x; 
	height:80px; 
	width:100%; 
	position:fixed; 
	bottom:0;
	left:0;
	margin:0 auto;
	z-index:10000;
}

.imageorganiza {
	margin:5px 0;
}

.titlesponsor {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#FFF; 
	position:absolute; 
	z-index:100;
	margin-left: -70px;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	margin-left: -10px; 
	background: #000; 
	padding: 10px; 
	margin-top: 26px;
	margin-left:-70px;
}

.imgsponsor {
	text-align:center;
	padding:5px 0;
	margin-right:10px;
}	

.organiza {
	float:left;
	margin-left: 60px;
	padding-right: 60px;
}

/* --- simple tooltip --- */
 
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:30px; margin-left:-220px;
    width:210px; line-height:16px;
	font-size:14px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000 url(images/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 8px 4px #666;
    -webkit-box-shadow: 0px 0px 8px 4px #666;
    box-shadow: 0px 0px 8px 4px #666;

    opacity: 0.8;
}


/* mediaquerys */

@media only screen and (max-width : 740px){	
#header #logo a.home .ir {background: url('img/logo-mobile.png') no-repeat scroll 0% 50% transparent;margin: 0 5px;}
}

@media only screen and (max-width : 480px){	
#header #logo a.home .ir {background: url('img/logo-mobile.png') no-repeat scroll 0% 50% transparent;margin: 0 5px;}
#header #userbox {top: 0px;right: 10px;width: 180px;}
}


@media only screen and (max-width : 360px){	

#login { padding:0px;margin: 10px;}
.box-50 { width:100%;}
.logoia {width: 300px;}
#login input.txt { width: 200px; height:30px;font-size: 200%;}
.form2 {margin: 105px 70px; padding:0; position:relative; top:0;}
#login table {width: 100%;}
#login th {width: 90px;padding: 0px 1px 1px 0px;}
#header #logo a.home .ir {background: url('img/logo-mobile.png') no-repeat scroll 0% 0% transparent;margin: 0 45px;}
#header #userbox {top: 50px;right: 30px;width: 283px;}
#header {height: 140px;}
.botonera {display:none;}

}

@media only screen and (max-width : 320px){	

#login { padding:0px;margin: 10px;}
.box-50 { width:100%;}
.logoia {width: 250px;}
.form2 {margin: 105px 70px; padding:0; position:relative; top:0;}
#login input.txt { width: 155px; height:30px;font-size: 200%;}
#login table {width: 100%;}
#login th {width: 90px;padding: 0px 1px 1px 0px;}
#header #logo a.home .ir {background: url('img/logo-mobile.png') no-repeat scroll 0% 0% transparent;margin: 0 25px;}
#header #userbox {top: 50px;right: 10px;}
#header {height: 140px;}
.botonera {display:none;}
.sponsorsbar {display:none;}


}