/*	GENERAL	*/

* {
	margin:0px;
	padding:0px;
}

body {
	background: #0397D6;
	margin: 0px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.clear {
	clear: both;
}

/* ------------------------------------------------------------ TEXTOS Y LINKS */

p {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

h1 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:normal;
	margin:0px;
}

h2 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#000;
	font-weight: normal;
}

a {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.btn_back {
	width: 10px;
	background: url(../img/arrow_back.gif) no-repeat left center;
	padding: 5px 25px;
	font-size: 13px;
	font-weight:bold;
	color: #fff;
	margin-left: 17px;
	display: block;
}

/* ------------------------------------------------------------ GENERAL LAYOUT */

.layout {
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background: #DD3326;
	border-bottom: solid 6px #ffffff;
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	z-index: 0;
}

.wave {
	width: 100%;
	height: 237px;
	background: url(../img/bg_wave.gif) center top no-repeat;
	position: absolute;
	bottom: -106px;
	z-index: -10;
}

.top {
	width: 820px;
	margin: 0px auto;
}

#header {
	margin: auto;
	width: 800px;
	height: 110px;
	padding-top:30px;
}

#header.inside {
	border-bottom: 3px solid #EB857D;
}

#menu {
	height: 100px;
}
#menu #logoHeader, 
#menu #wrapperLinks {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#menu #logoHeader {
	float: left;
}
#menu #wrapperLinks {
	float: right;
}
#menu #wrapperLinks a {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-right: 35px;
	transition: color 0.3s ease;
}
#menu #wrapperLinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#menu #wrapperLinks a:last-child {
	margin-right: 0;
}

#content {
	margin: auto;
	width: 800px;
	margin-top: 10px;
	float: left;
	padding: inherit;
}

.layer_overlay {
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:fixed;
	z-index:1;
}

.layer {
	width: 300px;
	padding: 20px;
	background: #fff;
	position: absolute;
	/*top: 250px;*/
	z-index: 1000px;
	border: 5px solid #0381B7;
	text-align: center;
	top: 50%;
	right: 50%;
	margin-right: -190px;
	margin-top: -10px;	
}

.layer h2 {
	font-size: 14px;
	font-weight: bold;
}

.layer p {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
}

.layer br {
	margin-bottom: 5px;
}

.layer a.btn_accept {
	padding: 5px 15px;
	font-size: 13px;
	font-weight: bold;
	background: #ccc;
	margin-top: 20px;
}

.hidden {
	display: none;
}


/* ------------------------------------------------------------ HOME */

#content.home {
	width: 820px;
	height: 220px;	
	float: none;
	border: none;
	margin-left: 0px;
	background:url(../img/negativo.gif) no-repeat top;
}

#content.home h2 {
	font-size: 11px;
}

.featured {
	width:806px;
	padding:17px 0px 0px 10px;
}

.featured .col {
	float:left;
	display:inline;
}

.featured .photo {
	align:center;
	background-color:#C42F24;
	padding-left:5px;
	position: relative;
}

.featured .photo a {
	width: 153px;
	height: 110px;
	width: 153px;
	height: 110px;
	text-align: center;
	overflow: hidden;
	display: block;	
	border: solid 1px #C42F24;	
}

.featured .photo a img {
	border:none;
	text-decoration:none;
	align:center;
	margin: auto;
}

.featured .photo a img.audio_file_icon {
	border: none;
	left: 10px;
}

.featured .photo a:hover {
	text-decoration:none;
	border-color: #FFF;
}

.featured .photo.last {
	align:center;
	background-color:#C42F24;
	padding-left:5px;
	padding-right:5px;
}

.featured .description {
	width: 150px;
	margin-top:36px;
	padding-left:10px;
	line-height:14px;
}

#home_text {
	margin: auto;
	width: 780px;
	padding: 0px 20px 0px 20px;
	float:left;
	line-height: 25px;
}

/* ------------------------------------------------------------ WORKS */

#content.works, .works {
	width: 811px;
	height: auto;
	padding: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.works a {
	position: relative;
	width: 153px;
	height: 110px;
	float: left;
	margin: 5px 4px 5px 5px !important;
	margin: 5px 3px 5px 4px;
	overflow: hidden;
}

.works a img {
	float: left;
	border: 0px;
}

a img.audio_file_icon {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 1000;
}

.works a span {
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #000;
	color: #fff;
	padding: 4px 0px;
	display: none;
}

.works a span p {
	color: #fff;
	margin: 3px 10px 3px 10px;
}

/* Paginado */

.pages {
	position: relative;
	width: 800px;
	margin: 0px auto;
	text-align: center;
}

.pages img {
	border: none;
}

.pages .prev, .pages .next {
	border	
}

.pages .prev {
	position: absolute;
	top: 0px;
	left: 0px;
}

.pages .prev_out, .pages .next_out {
	display: none;
}

.pages .next {
	position: absolute;
	top: 0px;
	right: 0px;
}

.pages ul {
	list-style: none;
	margin: auto;
	text-align: center;
}

.pages ul li {
	display: inline;
	text-align: center;
}

.pages ul li a {
	border: 1px solid #000;
	text-align: center;
	padding: 5px 9px;
	font-size: 14px;
	color: #fff;
	display: inline-block;
	margin: 0px 8px;
	font-weight: bold;
}

.pages ul li a:hover {
	text-decoration: none;
	border-color: #fff;
}

.pages ul li a.selected {
	background: #55ABCF;
	color: #000;
}

.pages ul li a.selected:hover {
	border-color: #000;
	cursor: default;
}

/* ------------------------------------------------------------ WORK-DETAIL */

#content.work_detail, .work_detail {
	width: 800px;
	height: auto;
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.left {
	width: 400px;
	height: 290px;
	background: url(../img/work_detail_bg.gif) no-repeat left top;
	float: left;
	text-align: center;
}

.left .file {
	margin-top: 17px;
}

.right {
	width: 370px;
	height: 270px;
	background: #C62E22;
	float: left;
	padding-left: 30px;
	padding-top: 20px;
	font-size: 13px;
	color: #fff;
}

.right p {
	font-size: 13px;
	color: #fff;
}

.right h2 {
	float: left;
	margin-bottom: 20px;
}

.right .data {
	width: 350px;
	background: url(../img/puntos.gif) repeat-x left bottom;
	padding-bottom: 12px;
	margin-bottom: 10px;
	float: left;
}

.right .data label {
	width: 92px;
	float: left;
	font-weight: bold;
}

.right .data span {
	float: left;
}


/* ------------------------------------------------------------ SERVICES */

#content.services, .services {
	width: 800px;
	height: auto;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 15px;	
}

.services .left {
	background: none;
	height: 320px;
}

.services .right {
	width: 380px !important;
	height: 305px;
	padding-left: 20px;
	padding-top: 15px;
}

.services .right ul {
	width: 180px !important;
	width: 175px;
	list-style: none;
	float: left;
	margin-right: 10px;	
}

.services .right ul li {
	background: url(../img/item_negro.gif) no-repeat left 9px;
	padding-left: 12px;
	line-height: 21px;	
	margin-bottom: 12px;
}

.services .right ul li a {
	font-size: 13px;
	font-weight: bold;
}


/* ------------------------------------------------------------ VOICE OVER DATABASE */

#content.database, .database {
	width: 790px;
	margin-left: 10px;
	background: #C62E22;
	height: auto;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 30px;	
	margin-bottom: 20px;
}

.database .left, .database .right {
	background: none;
	height: auto;
	padding-top: 15px;	
	font-size: 13px;
	color: #fff;	
	padding: 0px;
	text-align: left;
}
.database .left {
	padding-left: 10px;
	width: 315px;
	border-right: 2px solid #D76D65;
}
.database .right {
	width: 430px;
	margin-left: -2px;
	border-left: 2px solid #D76D65;	
	padding-right: 10px;
	padding-left: 12px;
}
.database h1 {
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	font-size: 21px;
	margin-left: 10px;
	margin-bottom: 13px;
}

.database .left ul li {
	list-style: none;
	font-weight: bold;
	width: 100%;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.database .left ul li a {
	color: #fff;
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px 0px;
	float: left;
	width: 301px;	
	border-bottom: 1px dotted #E39791;	
}
.database .left ul li a:hover {
	background: #D1584E;
	width: 291px;	
	padding-left: 10px;
}
.database .left ul li img {
	margin-top: 5px;
	margin-left: 10px;
}
.database .left ul li.selected {
	background: url(../img/database_arrow.gif) no-repeat right 13px;
}
.database .left ul li.selected a {
	background: #D1584E;
	width: 291px;	
	padding-left: 10px;
	color: #000;
}
.database .left ul li.selected a:hover {
	cursor: default;
	text-decoration: none;
}

.database .right .audio {
	margin-bottom: 10px;
	display: block;
	float: left;
}
.database .right .audio span {
	margin-left: 5px;
	margin-top: 4px;
	float: left;
	width: 225px;
}
.database .right  .player {
	float: left;
	width: 200px;
}

/* ------------------------------------------------------------ STUDIOS */

#content.studios, .studios {
	width: 811px;
	height: auto;
	padding: 0px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 15px;
}

.studios a {
	float: left;
	display: inline;
	border: 1px solid #DD3326;
	margin: 0px;
	margin-right: 10px !important;
	margin-right: 7px;
	margin-bottom:10px !important;
	margin-bottom:7px;
}

.studios a:hover {
	border-color: #fff;
}

.studios a img {
	float: left;
	border: 0px;
}

.txt_studios {
	font-size: 16px;
	margin-left: 15px;
}

.lbLoading {
	background: #fff url(../img/loading.gif) no-repeat center;
}

#lbCloseLink {
	background: transparent url(../img/closelabel.gif) no-repeat right;
	margin-right: 10px;
}


/* ------------------------------------------------------------ CONTACT */

#content.contact, .contact {
	width: 800px;
	height: auto;
	padding-left: 9px;
	padding-top: 5px;
	padding-bottom: 15px;	
}

.contact .left {
	background: none;
	height: 320px;
	position: relative;
}

.contact .right {
	width: 380px;
	height: 305px;
	padding-left: 20px;
	padding-top: 15px;
}

.contact .right h2 {
	margin-bottom: 0px;
}

.contact .right address {
	margin-bottom: 20px;
	color: #fff;
}

#form {
	width: 355px;
	float: left;
	margin-top: 15px;
}

#form label {
	width: 63px;
	height: 17px;
	text-align: right;
	margi-right: 15px;
	color: #fff;
	font-size: 11px;
	padding-top: 3px;
	float: left;
	margin-bottom: 5px;
}

#form input, #form textarea {
	width: 274px;
	height: 17px;
	border: 0;
	background: url(../img/contact_input_bg.gif) no-repeat left top #fff;
	padding: 3px 3px 0px 3px;
	float: right;
	margin-bottom: 5px;	
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#form input.med {
	width: 74px;
	height: 17px;
	border: 0;
	background: url(../img/contact_input_med.gif) no-repeat left top #fff;
	padding: 3px 3px 0px 3px;
	float: left;
	margin-bottom: 5px;	
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#form select {
	width: 280px;
	height: 20px;
	border: 0;
	float: right;
	margin-bottom: 5px;	
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#form select.med {
	width: 150px;
	margin-right: 130px;
}

#form select option {
	padding: 3px;
}

#form span.checkbox {
	width: 280px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
}

#form span.checkbox input.check {
	width: auto;
	height: auto;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;
	background: none;
}

#form textarea {
	height: 37px;
	background: url(../img/contact_textarea_bg.gif) no-repeat left top;
}

#form [name="submit"] {
	width: 100px;
	height: 22px;
	background: #E39791;
	padding-top: 0;
	float: left;
	cursor: pointer;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin-left: 75px;
	margin-top: 5px;
}

#form [name="submit"]:hover {
	text-decoration: none;
	background: #F0C9C6;
}

#form span {
	float: right;
	display: block;
	font-size: 11px;
	color: #E39791;
	margin-top: 7px;
}

.feedback {
	font-size: 14px;
	margin: 0px auto;
	margin-top: 40px;
	text-align: center;
}


/* ------------------------------------------------------------ FOOTER */

.bottom {
	width: 820px;
	margin: 0px auto;
	position: relative;
}

#footer {
	margin: auto;
	width: 766px;
	height: 40px;
	margin-top:25px;
	display: block;
	padding:17px;
	background-color:#0381B7;
	font: 11px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	float: left;
	margin-left: 10px !important;
	margin-left: 5px;
}

address {
	color: #012839;
	line-height: 22px;
	width: 350px;
	float: left;
	font-style: normal;
}

.bt_client_access {
	background: #55AACF;
	height: 17px;
	width: 120px;
	padding-top: 3px;
	float: right;
	display: block;
	color: #000;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-bottom:6px;
}

.bt_client_access:hover {
	background-color: #82C1DC;
}

.sitemap {
	width: 400px;
	float: right;
	margin-top: 1px;
	text-align: right;
	list-style: none;
}

.sitemap li {
	float: right;
	border-right: 1px solid #000;
	margin-right: 8px;
	padding-right: 8px;
	border-color: #012839;
}

.sitemap li.last {
	margin-right: 0px;
	padding-right: 0px;
	border: 0px;
}

.sitemap li a {
	float: left;
	color: #012839;
}

.sitemap li b a {
	color: #000000;
}

.sitemap a:hover{
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #83C2DD;
	text-decoration: underline;
}

.credits {
	float: right;
	color:#444;
	margin-right: 11px;
	margin-top: -10px;
}

.credits a {
	color:#444;
	font-weight: bold;
}

/* --------------------------------------------------------------------- */
/* ----- ADMIN --------------------------------------------------------- */
/* --------------------------------------------------------------------- */

#admin{
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
}

#admin input {
	height: 17px;
	border: 0;
	background: url(../img/contact_input_bg.gif) no-repeat left top #fff;
	padding: 3px 3px 0px 3px;
	font-family: 'Tahoma', Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

#admin #content  {
	width: 800px;
	padding-left: 10px;
}

/* ------------------------------------------------------------ TEXTOS Y LINKS */

.edit {
	background: url(../img/icon_edit.gif) no-repeat left top;
	width: 17px;
	height: 16px;
	float: left;
	margin-right: 5px;
}

.delete {
	background: url(../img/icon_delete.gif) no-repeat left top;
	width: 17px;
	height: 16px;
	float: left;
}

.destacado {
	background: url(../img/icon_destacado_off.gif) no-repeat left top;
	width: 17px;
	height: 16px;
	float: left;
}

.destacado.activo {
	background-image: url(../img/icon_destacado.gif);
}

.cantidad {
	color: #fff;
	font-size: 13px;
	float: left;
}

.nuevo {
	color: #fff;
	font-size: 13px;
	float: right;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_add.gif) no-repeat left top;
}

/* ------------------------------------------------------------ LOGIN */

.login {
	width: 300px;
	border: 1px solid #fff;
	padding: 20px;
	margin: 0px auto;
	font-size: 13px;
	color: #fff;
	margin-top: 50px;
}

.login .error {
	height: 10px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	font-size: 15px;
	color: #fff;
	padding-top: 5px;
}

.login label {
	width: 100px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

#admin .login input {
	width: 174px;
	margin-bottom: 15px;
}

#admin .login .submit {
	background: none;
	float: none;
	padding: 0px;
	width: 100px;
	height: 23px;
	background: #E39791;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	margin: 0px;
	margin-left: 195px;
}

#admin .login .submit:hover {
	text-decoration: none;
	background: #F0C9C6;
	cursor: pointer;
}

/* ------------------------------------------------------------ HEADER */

#admin #header {
	padding-top: 20px;
	height: 120px;
}

.logo {
	float: left;
	border: none;
}

.menu {
	list-style: none;
	width: 800px;
	float: right;
	margin-top: 10px;
}

.menu li {
	font-size: 15px;
	font-weight: bold;
	padding: 12px 15px;
	margin: 0px 5px;
	display: inline;
	line-height: 12px;
	text-align: center;
	float: left;
}

.menu li a {
	font-size: 15px;
	color: #000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;	
}

.menu li a:hover {
	color: #fff;
	text-decoration: none;
}

.menu li.selected {
	background: #fff;
}

.menu li.selected a {
	color: #CB2C26;
	cursor: default;
}


/* ------------------------------------------------------------ TABLA */

.table_top {
	float: left;
	padding-top: 8px;
	padding-bottom: 15px;
	width: 100%;
}

.small .table_top {
	width: 598px;
}

#admin table {
	width: 100%;
	font-size: 12px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	float: left;
}

#admin #content {
	padding-bottom: 20px;
}

#admin table th {
	background: #000;
	padding: 8px;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #DD3326;
	text-align: left;
}

#admin table th.col1 {
	width: 40px;
}

#admin table th a {
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	background: none;	
}

#admin table td {
	background: #C62E22;
	border-bottom: 1px solid #DD3326;
	border-right: 1px solid #DD3326;
	padding: 8px;
	color: #fff;
}

#admin table td a {
	color: #fff;
	font-size: 12px;
}

#admin table td a:hover {
	text-decoration: underline;
}

#admin .small table {
	width: 600px;
}

#admin .small table th, #admin .small table td {
	padding-left: 13px;
}

/* ------------------------------------------------------------ ALTA */

#admin #form {
	background: #C62E22;
	padding: 15px;
	margin-top: 0px;
	margin-bottom: 20px;
}

#admin #form label img {
	margin-right: 2px;
}

#admin #form label, #admin #form input, #admin #form select, #form span.checkbox {
	margin-bottom: 15px;
}

#form span.checkbox {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

#admin #form input, #admin #form select, #form span.checkbox {
	margin-top: 0px;
}

#admin #form a {
	float: right;
	margin: 0px;
	margin-left: 20px;
}

/* ------------------------------------------------------------ TRABAJOS */

.trabajo_imagen {
	position: relative;
	text-align: center;
}

.trabajo_imagen a img {
	border: 1px solid #fff;
}

.trabajo_imagen .showImg {
	width: 153px;
	height: 110px;
	background: #fff;
	padding: 10px;
	position: absolute;
	top: -130px;
	left: -65px;
}

#admin #form .uploader {
	margin-bottom: 5px;
	float: left;
}

#admin #form .uploader span {
	color: #000;
	float: left;
	margin: 0px;
}

#admin #form .uploader .cancel a {
	width: auto;
	height: auto;
	background: none;
}

#admin #form .file {
	margin-bottom: 5px;
}

#admin #form a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: none;
	background: url(../img/calendar.png) no-repeat; 
}

#admin #form a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#admin #form a.nuevo {
	width: 126px;
	color: #fff;
	font-size: 13px;
	float: right;
	font-weight: bold;
	background: none;
	margin: 0;
}

#admin #form select.med.cat {
	width: 134px;
	margin-right: 0px;
}

#admin #form select.med.medios {
	width: 134px;
	margin-right: 145px;
}

#admin #form .file {
	color: #fff;
	font-size: 11px;
}

#admin #form .campos {
	width: 100%;
	float: left;
	margin-bottom: 0px;
}

#admin #form input.fileUpload {
	border: 0px inset #ccc;
	width: 274px;
	height: 19px;
	margin: 0px;
	float: left;
	padding: 3px;
}

/* IFRAME UPLOADER CFM*/

#work_upload {
	background: #C62E22;
}

#work_upload table.table1, #work_upload table.table2 {
	padding: 10px 15px;
	
}

#work_upload table.table1 td {
	padding: 5px 0px;
	vertical-align: middle;
}

#work_upload table.table1 td input, #work_upload table.table1 td select  {
	border: 1px solid #ccc;
	width: 200px;
}

#work_upload table.table2 td form input {
	background: #E39791;
	border: 0px;
	width: auto;
	padding: 3px 5px;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
	float: right;
}

#work_upload table.table1 tr td.title {
	width: 120px;
	font-size: 13px;
	color: #fff;
	text-align: left;	
}

#work_upload table.table1 tr td.fecha input {
	width: 100px;
}

#work_upload table.table1 tr td .checkbox {
	width: auto;
	float: left;
}

#work_upload .txt_agregar {
	font-size: 13px;
	color: #fff;
}

#work_upload .checkbox {
	padding-right: 5px;
}

#work_upload table.table1 a.dp-choose-date {
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: none;
	background: url(../img/calendar.png) no-repeat; 
}

#work_upload table.table1 a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}

#work_upload .jCalendar {
	font-size: 10px;
}

.nueva_cat {
	color: #fff;
	font-weight: bold;
}