@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0;}

.contenido{ width:965px; margin:auto;}

#izq_loguin{ float:left; width:50%;}
#der_loguin{ float:left; padding-left:75px; margin-top: 30px;}
#der_loguin img{
	width: 90%;
}
#pie_loguin {
	width:965px;
		height:511px;
	float:left;
}

#username-label, #password-label{  
	font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 55px;
    padding-top: 20px; }

#login{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#bababa; background-color:transparent; border:none; margin-left:150px; }

#username, #password{
 background-color: transparent;
    background-image: url("../images/campo_loguin.gif");
    background-position: center center;
    background-repeat: no-repeat;
    border: medium none;
    height: 42px;
    padding-left: 15px;
    width: 219px;
}

#coworker {
	  color: #FFFFFF;
    float: left;
    font-size: 25px;
    font-weight: bold;
    margin-left: 60px;
    margin-top: 95px;
}

.top {
	background-image: url(../images/top.gif);
	background-repeat:  repeat-x;
	background-position: right top;
	float:left;
	font-size:15px;
	height: 38px;
    padding-left: 25px;
    padding-top: 5px;
    width: 775px;
}

.top-interior {
	background-image: url(../images/top.png);
	background-repeat:  repeat-x;
	background-position: right top;
	float:left;
	font-size:15px;
	height: 33px; 
	/*padding-left: 25px;*/
	padding-top: 5px;
	width: 100%;
}

.pie {
	background-color:#CCC;
	height: 30px;
    padding-left: 25px;
    padding-top: 10px;
    width: 940px;
	float:left;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}



.pie-innterior {
	background-image: url(../images/top.gif);
	background-repeat:  repeat-x;
	background-position: right top;
	height: 33px;
    padding-right: 25px;
    padding-top: 5px;
    width: 98%;
	float:left;
	font-size:12px;
	text-align:right;
}


    a:link,
    a:visited
    {
        color: #bababa;
		text-decoration:none;
		font-weight:bold;
    }

    span#zf-name
    {
        color: #91BE3F;
    }

    div#welcome
    {
        color: #FFFFFF;
        background-image: url(http://framework.zend.com/images/bkg_header.jpg);
        width:  600px;
        height: 400px;
        border: 2px solid #444444;
        overflow: hidden;
        text-align: center;
    }

    div#more-information
    {
        background-image: url(http://framework.zend.com/images/bkg_body-bottom.gif);
        height: 100%;
    }
	
.bienvenida { 
	width:200px; 
	float:right; 
	text-align:right; 
	padding-right:20px; 
	font-size:12px; 
	font-weight:bold;
	}	

.empresa{ 
	float:right;
	text-align:left;
	margin-left:25px;
	font-size:12px;
	font-weight:bold;
}

.logo-interior{
	background-color: #bababa;
    float: right;
    height: 127px;
    width: 100%;
	}
	

.logo-centrado{
	background-color: #bababa;
    background-image: url("../images/logo_interno.gif");
    background-position: right center;
    background-repeat: no-repeat;
    height: 127px;
    width: 960px;
	margin:auto;
	}

.menu {
  /*   background-color: #FFC00F;*/
    font-size: 18px;
    height: 30px;
    margin: auto;
    padding-bottom: 0;
    padding-top: 5px;
    text-align: left;
    width: 800px;
	
	}
	
.menu-centrado {
/*Below code is for gradient background - as you can see each line is dedicated to a certain browser */
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f9f9f9 0%,#e0e0e0 100%); /* W3C */
/*End gradient background */
/*add shadow to box*/
-webkit-box-shadow: 2px 2px 4px 1px ; /* from left to right - Horiz. length, Vert length, Blur radius, spread*/
-moz-box-shadow: 2px 2px 4px 1px ;
box-shadow: 2px 2px 4px 1px ;
/*End shadow */
    float: left;
    font-size: 18px;
    height: 40px;
    text-align: left;
    width: 100%;
	font-family:
	}	
	
/*.menu  a:link, .menu a:visited { color:#000000; text-decoration:none; }	*/

#view-content{ margin-top:0px; float:left; width:100%;}

th { background-color:#bababa;}

tbody tr.even td {
      background-color: #eee;
    }

tbody tr.odd  td {
      background-color: #fff;
    }
	
.estado1{
	background-color:#8F73A3;
	padding:5px;
	color:#FFF;
	}	
.estado2{ 
	background-color:#7897A9;
	padding:5px;
	}	
.estado3{ 
	background-color:#7DB5CC;
	padding:5px;
	}	
.estado4{ 
	background-color:#CA7D51;
	padding:5px;
	color:#FFF;
	}		
.estado5{ 
	background-color:#D5B874;
	padding:5px;
	}
.estado6{ 
	background-color:#C46756;
		padding:5px;
	}	
.estado7{ 
	background-color:#F29400;
		padding:5px;;
	color:#FFF;
	}	
.estado8{ 
	background-color:#709873;
		padding:5px;
	color:#FFF;
	}
.estado9{ 
	background-color:#B69F80;
		padding:5px;
	}	
.estado10{ 
	background-color:#BCB598;
		padding:5px;
	}	
.estado11{ 
	background-color:#BCB598;
		padding:5px;
	}		
.estado12{ 
	background-color:#E4D32B;
		padding:5px;
	}

.estado13{ 
	background-color:#C2CD91;
		padding:5px;
	}	
	
.estado14{ 
	background-color:#93C4C3;
		padding:5px;
	}	

.estado15{ 
	background-color:#FFFFFF;
	
		padding:5px;
	}	

.estado16{ 
	background-color:#8C8C8C;
	color:#FFF;
		padding:5px;
	}		
	
tbody tr.odd td.apresupuestar{
	background-color:#8F73A3;
	}
tbody tr.odd td.presupuestado{ 
	background-color:#7897A9;
	}	
tbody tr.odd td.abierto{ 
	background-color:#7DB5CE;
	}	
tbody tr.odd td.asignado{ 
	background-color:#CA7D51;
	}
	
tbody tr.odd td.pinterno{ 
	background-color:#D5B874;
	}	
tbody tr.odd td.revision{ 
	background-color:#C66658;
	}
tbody tr.odd td.respuesta{ 
	background-color:#F29400;
	color='#FFF';
	}	
tbody tr.odd td.aprobado{ 
	background-color:#709971;
	}	
tbody tr.odd td.produccion{ 
	background-color:#B69F80;
	}	
tbody tr.odd td.facturar{ 
	background-color:#BCB598;
	}	
tbody tr.odd td.cerrado{ 
	background-color:#A2A093;
	}	
tbody tr.odd td.pexterno{ 
	background-color:#E2D32E;
	}		
	
tbody tr.even td.apresupuestar{
	background-color:#8F73A3;
	}
tbody tr.even td.presupuestado{ 
	background-color:#7897A9;
	}	
tbody tr.even td.abierto{ 
	background-color:#7DB5CE;
	}	
tbody tr.even td.asignado{ 
	background-color:#CA7D51;
	}
tbody tr.even td.pinterno{ 
	background-color:#D5B874;
	}	
tbody tr.even td.revision{ 
	background-color:#C66658;
	}
tbody tr.even td.respuesta{ 
	background-color:#F29400;
	color='#FFF';
	}	
tbody tr.even td.aprobado{ 
	background-color:#709971;
	}	
tbody tr.even td.produccion{ 
	background-color:#B69F80;
	}	
tbody tr.even td.facturar{ 
	background-color:#BCB598;
	}	
tbody tr.even td.cerrado{ 
	background-color:#A2A093;
	}	
tbody tr.even td.pexterno{ 
	background-color:#E2D32E;
	}	
	
	
/*****************************/

.formTable {
	width: 99%
}

.subForm {
	margin-bottom: 5px;
	width: 100%;
}

.noRecords {
	padding: 10px;
	text-align: center;
	color: brown;
	font-size: 14px;
}

th a .selected {
	font-weight: bold;
}

.formTitle {
	background: #EEA966 url(../images/bg_helper_button.jpg) repeat-x;
	font-size: 11px !important;
	font-weight: bold;
}

form  .element {
	padding: 4px;
	margin: 0;
}

.element ul {
	width: auto !important;
}

form label {
	/*font-size: 11px;*/
	display: block;
}

.tktlabel {    
	font-family: arial;
    font-size: 15px;
    width: 300px;
	display:inline;
	margin-bottom: 5px;
	line-height: 40px;
}

.subtitulo span {
	width: 40px;
	display: block;
	float: left;
}

.subtitulo {
	padding-left: 5px;
	text-indent: 0;
}

.gridLoading {
	background: #F2F2F2 url(../images/ajax-loader.gif) no-repeat center
		center;
	border: 1px solid #FFA500;
}

.paginationExport {
	float: left;
	width: 120px;
}

.paginationNumbers {
	float: left;
	text-align: center;
	width: 750px;
}

.massActions {
	background-color: beige;
	text-align: right;
}

.massActions .massSelect {
	display: block;
	float: left;
	padding-top: 2px;
}

.massActions * {
	color: #333;
	text-decoration: none;
}

.massActions input {
	margin-left: 10px;
}

.buttons {
	text-align: center;
	background-color: #DEDEDE;
}

input[type='checkbox'],input[type='radio'] {
	width: 14px !important;
	height: 14px !important;
	border: 0px;
	padding: 0px;
	margin: 2px;
}

td div input[type='text'],td div input[type='password'],.subtitulo input[type='text'],.subtitulo input[type='password'],.subtitulo  select
	{
	width: 90% !important;
	border: 1px solid #aaa;
	min-width: 20px;
	margin: 2px;
}

#grid .querySupport button {
	border: 1px solid #ddd;
	padding: 1px;
	color: #55391c;
	font-size: 10px;
	margin-left: 5px;
	margin-right: 5px;
	background: #FFF url(../images/bg_helper_button.jpg);
	cursor: pointer;
}

.querySupport {
	background: #FFF url(../images/bg_helper.jpg);
}

.querySupport div {
	text-align: right;
}

#newGrid {
	border: 2px solid #333;
}

#newGrid .td {
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	background: #fff;
	padding: 4px 4px 4px 8px;
	color: #333;
}

.addRecord {
	text-align: center;
	background-color: #DEDEDE;
	float: left;
}

.addRecord a {
	text-decoration: none;
	font-size: 10px !important;
}

td input[type='checkbox'],td input[type='radio'],td textarea:focus {
	border: 1px solid #666;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	background-color: #f4F4F4;
}

table.borders {
	border: 2px solid #FFa500;
	border-collapse: collapse;
	width: 98%;
}



.semLimites {
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: auto;
}

td.alt2 {
	text-align: center;
	background-color: #DEDEDE;
}

select {
	font-size: 10px;
}

#grid td, .borders  td {
	font-size: 10px;
}

.formValue {
	width: 550px;
}

div .element label {
	font-size: 11px;
	font-style: normal;
}

div .element {
	font-style: italic;
	margin-right: 10px;
}

td.esquerda {
	width: 350px;
}

.errors li,.errors {
	color: #FF0000;
}

.errors {
	padding-left: 15;
	margin: 0;
	margin-top: 5px;
}

.formLabel {
	text-align: right;
	display: block;
	margin-right: 10px;
}

.hbar {
	text-align: center;
	background: #FFF url(../images/hbar.jpg);
	font-variant: small-caps;
}

.hbar div {
	padding: 4px;
	font-weight: bold;
	font-size: 12px;
}

td {
	/*border: 1px solid #ffa500;*/
	text-indent: 5px;
	padding: 2px;
	color: #333;
	background-color:#CCCCCC;
	height:25px;
}

#cerrados {
	background-color: #CCCCCC;
    float: left;
    width: 100%;
	padding-top:25px;
	padding-bottom:25px;
}

#cerrados td {
	/*border: 1px solid #ffa500;*/
	text-indent: 5px;
	padding: 2px;
	color: #333;
	background-color:#FFFFFF;
	height:25px;
}

#newGrid td {
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	background: #fff;
	padding: 4px 4px 4px 8px;
	color: #333;
}

td.alt,tr.alt  td {
	background: #DEDEDE;
	color: #333;
}

.button {
	padding: 1px;
	border: 1px solid #275DA8;
	width: 98%;
}

.sum {
	border: 0px;
	background-color: #999;
	color: F4F4F4;
}

#center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 50px;
}

.barra_tabela {
	background-color: #F0E4CC;
	text-align: center;
}

.barra_tabela input {
	width: 120px !important;
	margin: 4px;
}

.barra_tabela a {
	padding: 2px 2px 2px 2px;
	margin: 2px;
	text-decoration: none;
	color: #333;
}

.barra_tabela a img {
	border: 0px solid #ffa500;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 3px;
}

.topo ul li span {
	font-weight: bold;
}

.topo ul li span * {
	color: #333;
	text-decoration: none;
}

.topo ul li {
	border-bottom: 1px solid orange;
	margin: 2px;
}

.alerta {
	border: 1px solid #003b16;
	padding: 5px;
	margin: 10px;
	text-align: center;
	color: green;
	font-weight: bold;
}

.alerta_red {
	padding: 1px;
	margin: 2px;
	text-align: center;
	color: #DA1609;
}

.tabela_print a {
	border: 0px;
	background-color: #F0E4CC;
	padding: 0px;
	padding-left: 1px;
}

.subtitulo select {
	width: 95%;
	border: 1px solid #AAA;
}

.subtitulo {
	background: #FFFFFF url(../images/pageoptions2.jpg) repeat-x bottom;
}

.noText span {
	display: none;
}

.noSelect em {
	display: none;
}

#header {
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	width: 919px;
	height: 109px;
	background-image: url('../images/fundo_topo.jpg');
	border-bottom: 0px;
	clear: both;
}

th a {
	color: #FFF;
}

th,.elementLabel {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	border-right: 0px solid #ffa500;
	border-bottom: 0px solid #ffa500;
	text-align: left;
	padding: 3px 6px;
	background: #FFFFFF;
}

.input_p {
	border: 1px solid #AAA;
	width: 98%;
}

th a {
	text-decoration: none;
}

.width_33p {
	width: 33%;
}

.width_30 {
	width: 30px;
}

.width_20 {
	width: 20px;
}

.width_50p {
	width: 50%;
}

.width_60p {
	width: 60%;
}

.width_80p {
	width: 90%;
}

.width_40p {
	width: 40%;
}

.width_50 {
	width: 50px;
}

.width_75 {
	width: 75px;
}

.width_150 {
	width: 150px;
}

.width_160 {
	width: 160px;
}

.width_500 {
	width: 640px;
}

.width_400 {
	width: 400px;
}

.width_350 {
	width: 250px;
}

.width_100 {
	width: 100px;
}

.width_80 {
	width: 80px;
}

.width_data {
	width: 80px;
	display: block;
	height: 14px;
	overflow: hidden;
}

.width_120 {
	width: 120px;
}

.width_200 {
	width: 200px;
}

.detailLeft {
	width: 150px;
	font-weight: bold;
	background-color: #DDD;
}

.red {
	background-color: red !important;
}

.green {
	background-color: green !important;
}
ul {
	padding:0;
	margin:0;
	margin-left:15px;
	list-style:none;
	width:500px;
	float:left;
}

li{
    color:#E88A16;
	font-size:10px;
	/*font-weight:bold;*/
    padding:0;
	height:30px;
}

li span{
    color:#000;
	display:block;
	padding-left:20px;
	font-weight:normal;
}

li a, li a:VISITED {
	color:#E88A16;
	letter-spacing:1px;
	text-decoration:none;
}	

#grid table, #grid tbody { width: 960px; margin:auto;}

textarea {
	background-color:#FFF;
	height:150px;
	border: 1px #666 solid;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	margin-top:5px;
	margin-bottom:10px;
	width:50%;
}

fieldset { border: none;}

#ticket-element{ margin-left:0px; width:600px; float:left;}
#comentarios-element{ margin-left:0px; width:450px; float:left;}
#submit-element { width:100%; float:left;}


ul.tabs {
    width:960px;
    margin:0;
    padding:0;
	margin:auto;
}
ul.tabs li {
    display:block;
    float:left;
    padding:0 5px;
}
.selected {
    font-weight:bold;
	background-color:#FFC00F;
}

ul.tabs li a {
    display:block;
    float:left;
    padding:7px;
    font-size:12px;
   
    color:#666;
    text-decoration:none;
}

.tab-content {
    clear:both;
    border:2px solid #FFC00F;
    padding:10px;
}

ul.tabs li a:hover {
	background: #FFC00F;
}	


.encabtkt{ 
    float: left;
    padding-left: 2px;
    padding-right: 2px;
	padding-bottom: 2px;
    padding-top: 15px;
    width: 100%;
	margin-bottom:10px;
	border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
	}
	
.encabtkt1{
	background-color:#8F73A3;
	}	
.encabtkt2{ 
	background-color:#7897A9;
	}	
.encabtkt3{ 
	background-color:#7DB5CC;
	}	
.encabtkt4{ 
	background-color:#CA7D51;
	
	}		
.encabtkt5{ 
	background-color:#D5B874;
	}
.encabtkt6{ 
	background-color:#C46756;
	
	}	
.encabtkt7{ 
	background-color:#F29400;
	
	}	
.encabtkt8{ 
	background-color:#709873;
	
	}
.encabtkt9{ 
	background-color:#B69F80;
	
	}	
.encabtkt10{ 
	background-color:#BCB598;
	
	}	
.encabtkt11{ 
	background-color:#BCB598;
	
	}		
.encabtkt12{ 
	background-color:#E4D32B;
	
	}

.encabtkt13{ 
	background-color:#C2CD91;
	
	}
	
.encabtkt14{ 
	background-color:#93C4C3;
	
	}	
	
.encabtktizq{ background-color: #FFFFFF;
    float: left;
    padding-left: 5px;
    width: 49%; }
.encabtktder{ background-color: #FFFFFF;
    float: left;
    padding-left: 5px;
    width: 50%; }
	
.impar{  
	background: none repeat scroll 0 0 #DEDEDE;
    padding: 10px;
	}	
	
.par{  
	background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px;}	
	
#detalle td	{ border:0px; }

#nuevo{  height: 75px;
    margin: auto;
    text-align: center;
    width: 960px;}

a.remember{ 
	font-size:11px; text-decoration:none; color:#000000; margin-left:15px; font-weight:normal; margin-top:5px;}
	
.hacer{
	  background-color: #94C4C3;
    background-image: url("../images/hacer.png");
    background-repeat: no-repeat;
    border-radius: 0 0 10px 10px;
    color: #000000;
    float: left;
    height: 55px;
    width: 166px;
}

.hacer_ped{
	  background-color: #94C4C3;
    background-image: url("../images/interno-2_06.png");
    background-repeat: no-repeat;
    border-radius: 0 0 10px 10px;
    color: #000000;
    float: left;
    height: 76px;
    width: 171px;
}	

.confirmar{
	background-color: #7897A9;
    background-image: url("../images/confirmar.png");
    background-repeat: no-repeat;
    border-radius: 0 0 10px 10px;
    color: #FFFFFF;
    float: left;
    height: 55px;
    margin-left: 0px;
    width: 105px;
}

.confirmar_off{
	background-color: #7897A9;
	background-image: url(../images/confirmar_off.png);
	background-repeat: no-repeat;
	border-radius: 0 0 10px 10px;
	color: #FFFFFF;
	float: left;
	height: 55px;
	margin-left: 0px;
	width: 105px;
}

.responder{
	 background-color: #F29400;
    background-image: url("../images/responder.png");
    border-radius: 0 0 10px 10px;
    color: #000000;
    float: left;
    height: 55px;
    margin-left: 0px;
    width: 106px;
}

.responder_off{
	background-color: #F29400;
	background-image: url("../images/responder_off.png");
	border-radius: 0 0 10px 10px;
	color: #000000;
	float: left;
	height: 55px;
	margin-left: 0px;
	width: 106px;
}
#pestana{  border-bottom: 4px solid #7E8083;
    float: left;
    height: 26px;
    text-align: right;
    width: 100%;
	font-size:11px;}
#trabajos{ float:right; width:200px; background-color:#7E8083; color:#FFFFFF; padding:5px;  border-radius: 10px 10px 0px 0px; text-align:center; height:17px; }
#borrar{ background-color: #CFD1D2;
    border-radius: 10px 10px 0 0;
    color: #000000;
    float: right;
    height: 15px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    width: 150px; }
#resumen {
    float: right;
    margin-left: 30px;
}

.ptkt { float:left;   border-radius: 0 0 10px 10px; width:38px; }

.pe2{
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
	}	
.pe3{ 
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_3.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe4{ 
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_4.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe5{ 
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_5.png);
	background-repeat: no-repeat;
	background-position: center bottom;

	color:#FFF;
	}		
.pe6{ 
	padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_6.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}
.pe8{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_8.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe9{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_9.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe10{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_10.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}
.pe12{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_12.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe13{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_13.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
.pe14{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_14.png);
	background-repeat: no-repeat;
	background-position: center bottom;
		color:#FFFFFF;
	}		
.pe7{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_7.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}

.pe11{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_11.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	
	
.pe1{ 
		padding-top:10px;
	padding-bottom:10px;
	background-image: url(../images/bg_1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color:#FFF;
	}	

.estado15{ 
	background-color:#FFFFFF;
	
		padding:5px;
	}	

.estado16{ 
	background-color:#8C8C8C;
	color:#FFF;
		padding:5px;
	}	
	
	
.toolTip {
position:relative;
left:10px; /*Moves it to the right beside the question mark*/
top:0;
display:none;
/*The attributes below make it look pretty*/
width:75px;
padding:5px;
border:1px solid #ffffff;
background-color:#eeeeee;
font:10px/12px Arial, Helvetica, sans-serif;
}	

#intro { 
	float:right;
	margin-left:25px;
	text-align:justify;
	width:75%;
	margin-right:25px;
	margin-top:5px;
	}
	
.titintro{ color:#FFFFFF; font-weight:bold;}	

#nuevotkt{  
    color: #000000;
    float: left;
    margin-left: 20px;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    width: 90%; }
	
#footer {
    background-image: url("../images/bg_footer.gif");
    background-repeat: repeat-x;
    float: left;
    
    width: 100%;
}	

#footer-izq{ width:50%; float:left;}
#footer-der{ float:left;}



#vertkt_encabezado { 
	width:800px; 
	margin:auto;
	margin-top:25px;
	}
	
#nrotkt { 
	float:right;
	font-size:17px;
	color:#F09304;
	font-weight:bold;
	margin-right:140px;
	}	
	
#linea1, #linea2{
	width:100%;
	float:left;
	margin-top:15px;
	
}

.titcampo {
	font-size:13px;
	color:#000000;
	padding:5px;
	float:left;
	}

.campover{ 
	background-color:#FFFFFF;
	padding:5px;
	font-weight:bold; font-size:13px; color:#000000; float:left;  }
	
.tktestado { width:150px; margin-left:25px; font-size:13px; float:left; text-align:center;}

#bocetos {  
	border-top: 9px solid #FFDD00;
    float: left;
    margin-top: 25px;
    width: 100%;
	border-bottom: 9px solid #FFDD00;
	background-color:#F1F1F1;
	}

#solapa {
	background-image: url(../images/solapa_boceto.jpg);
	width:308px;
	height:46px;
}	

#vetkt_pie { 
	width:800px; 
	margin:auto;
	margin-top:25px;
	}
	
#comentarios{ width:800px; margin:auto; float:left; margin-top:25px;}	

.titamarillo{ 
	background-color: #FCDF03;
    float: left;
    font-size: 13px;
    margin-left: -2px;
    padding: 10px;
    width: 655px;
	}
	
.titgris{ 
	background-color: #c6c8ca;
    float: left;
    font-size: 13px;
    margin-left: -2px;
    padding: 10px;
    width: 655px;
	margin-bottom:-5px;
	}	
	
#anteriores{ 
	width:646px;
	padding:10px;
	float:left;
	border:#000000 2px solid;
	height:150px;
	background-color:#FFFFFF;
	font-size:14px;
	overflow:auto;
	margin-bottom:25px;
	}

.datoscomentario{  color:#E2001A; margin-bottom:10px; margin-top:10px;}

.comentario_area{ width:670px;}

.presu{ width:335px; float:left; margin-top:15px;}

.titpresu{ font-size:13px; color:#000000; margin-bottom:10px; }

#preciod { 
	background-color:#FFFFFF;
	width: 125px;
	height: 25px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	padding-top: 10px;
	margin-top: 10px;
}

#idea{ width:310px; height:55px; background-color:#FFFFFF; padding:5px; float:left; font-size:10px; }

.txtbocetos{
	float: left;
	width: 90%;
	margin-left: 5%;
	height: 50px;
	}
	
#adjuntos{
	width:100%;
	float:left;
	margin-bottom:25px;
	}	
	
div.upload {
	position: relative;
	width: 35px;
	height: 35px;
	overflow:hidden;
	clip:rect(0px, 80px, 24px, 0px );
	background-image: url(../images/btn_adjuntar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}  

div.upload input {
   position: absolute;
   left: auto;
   right: 0px;
   top: 0px;
   margin:0;
   padding:0;
   filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
}	



#nomarchivo{ height:20px; width:300px; background-color:#FFFFFF; font-weight:bold; font-size:13px; margin-right:5px; margin-left:15px; float:left; padding:3px;}

.cbtipo{ height:25px; background-color:#FFFFFF; width:175px; font-size:13px; float:left; margin-left:5px; }

.titpresu{ 
	font-size: 13px;
	float: left;
	height: 20px;
	padding-top: 7px;
	padding-right: 20px;
}

.linea{ 	
	background-image: url(../images/linea_presu.jpg);
	background-repeat:   repeat-x;
	background-position: center;
	width:250px;
	height:30px;
	float:left;
	}

#aprobado{ 
	float:left;
	padding-top:10px;
	margin-top:10px;
	height:20px;
	margin-left:15px;
	width:175px;
	font-weight:bold;
	font-size:16px;
	color:#FCC200;}
	
	
#apro{
	background-image: url(../images/apro_ok.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width:22px;
	height:22px;
	float:right;
	margin-left:10px;
}	

#no_apro{
	background-color:#FFFFFF;
	width:12px;
	height:12px;
	float:right;
	margin-left:10px;
	padding:5px;
	font-size:10px;
	margin-right:25px;
}	

/*************** para centrar las cosas **************/
.top_centrado{ width:960px; margin:0 auto 0 auto;}
.bocetos-centrado{ width:800px; margin:auto;}
.footer-centrado{ width:850px; margin:auto;}

#aprobar{ 
	float:left;
	padding-top:10px;
	margin-top:10px;
	height:20px;
	margin-left:15px;
	width:75px;
	font-weight:bold;
	font-size:16px;
}

.aprobar{	float: left;
    margin-top: 20px;
    width: 100px;
}

.cant { 
	background-color:#FFFFFF;
	width: 75px;
	height: 25px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	padding-top: 10px;
	margin-top: 10px;
	margin-right:5px;
	
}


.cantprecio { 

	width: 75px;
	height: 25px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	padding-top: 10px;
	margin-top: 10px;
	margin-right:5px;
	
}

.chkpresu { 

	width: 75px;
	height: 25px;
	float: left;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	padding-top: 10px;
	margin-top: 10px;
	margin-right:5px;
	
}

#encargado{ 
	float:left;
	padding-top:10px;
	margin-top:10px;
	height:20px;
	margin-left:15px;
	width:150px;
	font-size:16px;
}

#chkbocetos{ 
	float: left;
    margin-left: 5%;
    text-align: left;
    width: 90%;}
	
#corporativo{ 
	width:960px;
	margin:auto;
	padding-top:25px;
	min-height:600px;
	margin-bottom:25px;
	font-family: Arial, sans-serif;
	}	
	
.corporativo-top{
	font-size:19px;
	margin-bottom:0px;
	} 	
	
.corporativo-sub{
	font-size:14px;
	} 
	
	
.carpeta{ 
	width:100%;
	clear:both;
	float:left;
	margin-top:50px;
	margin-bottom:50px;
}

#tit-izquierda{ 
	float:left;
	}			
	
#tit-derecha{ 
	float:left;
	width:880px;
	}			

.archivo_carpeta{ 
	float:left;
	width:100px;
	margin-right:35px;
	height:275px;
	word-wrap:break-word;
	margin-bottom:30px; 
}

#sugerencia-izq {
	width:65%;
	float:left;
	height:600px;
	}
#sugerencia-der {
	width:35%;
	float:left;
	height:600px;
	}	
	
.tit-sugerencia{
	background-color: #f8931f;
	background-image: url(../images/titulo_sug.jpg);
	background-repeat: no-repeat;
	background-position: -2px top;
	float:left;
	padding-top:24px;
	padding-left:5px;
	padding-right:5px;
	width:509px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	height:25px;
}	

.tit-sugerencia-input, .sug-sugerencia-campo { width:100%; background-color:#FFFFFF; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666666;}

.sug-sugerencia-campo{ width:506px; height:150px;}

.sug-sugerencia{
	  background-color: #F8931F;
    background-image: url("../images/sugerencia_sug.jpg");
    background-position: -2px top;
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    float: left;
    height: 165px;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 22px;
    width: 509px;
	margin-bottom:15px;
}

.sug-consulta{
	  background-color: #F8931F;
    background-image: url("../images/ingrese-su-consulta.jpg");
    background-position: -2px top;
    background-repeat: no-repeat;
    border-radius: 0 0 5px 5px;
    float: left;
    height: 165px;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 22px;
    width: 509px;
	margin-bottom:15px;
}	

div.upload-sugerencia{
	 background-image: url("../images/btn_adjuntar_sug.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    height: 41px;
    width: 253px;
} 

div.upload-sugerencia input {
      height: 100%;
    left: auto;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
	 filter: Alpha(Opacity=0);
   -moz-opacity: 0;
   opacity: 0;
   margin-left:-175px;
}

#historial{
	   background-image: url("../images/sup_historial_sug.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 27px;
    width: 320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#histconsulta{
	background-image: url("../images/historial-consultas.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    padding-top: 27px;
    width: 320px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#izq_historial{
	background-image: url("../images/izq_historial_sug.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 385px;
    width: 9px;
}

#centro_hist{ 
	 background-color: #E6E6E6;
    background-image: url("../images/inf_historial_sug.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
	 height: 385px;
	 width:300px;
	 float:left;
	 }
#centro_historial{
	 background-color: #E6E6E6;
    float: left;
    height: 360px;
    overflow-y: scroll;
	overflow-x:none;
    padding: 10px 10px 7px;
    width: 280px;
}

#der_historial{
	background-image: url("../images/der_historial_sug.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 385px;
    width: 9px;
}

.det-sugerencia{color:#F7931E; margin-bottom:10px;}

.pedidos{ 
	background-color:#B3D6D3;
	width: 100%;
	float: left;
	height: 900px;
	}

.pedido_centrado{ width:960px; margin:auto;}

.izq_tkt{
	background-image:url(../images/izq_encarga.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:26px;
	height:51px;
	float:left;
	
}

.cen_tkt{
 background-image: url("../images/cen_encarga.png");
    background-position: left top;
    background-repeat: repeat-x;
    float: left;
    height: 51px;
    padding-top: 12px;
    width: 800px;
}

.der_tkt{
	background-image:url(../images/der_encarga.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:26px;
	height:51px;
	float:left;
	
}

.pedido_centrado a { font-weight:normal;}

#prod_destacados{ background-color:#cfd0d2; width:960px; margin:auto; height:400px; padding-top:25px; }

.caja_producto{ width:127px; padding:10px; margin-right:10px; float:left; min-height:325px;}

.imgproducto{ 
	background-color:#606061; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	min-height:150px;
	}
	
.titproducto{ color:#FFFFFF; font-weight:bold; text-align:center; width:100%; margin-top:10px; margin-bottom:10px;}	

.txtproducto{ color:#000000; font-size:11px; text-align:justify; margin-top:10px;}

.tktimput{   
	background-color: #FFFFFF;
    height: 20px;
    margin-bottom: 15px;
    margin-left: 15px;
	border:#666 1px solid;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:50%;
    } 
	
#slideshow img { width:550px;}


.crop{
	float:left;
	position:relative;
	width:100px;
	height:100px;
	margin:.5em 10px .5em 0;
	}
.crop p{
	margin: 0;
	position: absolute;
	top: 0px;
	clip: rect(0px 110px 100px 10px);
	left: -10px;
	}	
	
.cropbocetos{
	float:left;
	position:relative;
	width:200px;
	height:200px;
	margin:.5em 10px .5em 0;
	}
.cropbocetos p{
	margin: 0;
	position: absolute;
	top: -50px;
	clip: rect(50px 210px 250px 10px);
	left: -10px;
	}	
	
#int-corporativo	{ width:960px; margin:auto;}

.estadisticas{
/*	background-color: #F7931E;
	background-image: url(../images/tirasuperior.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	padding-top:25px;
}

#estgrande{
	-moz-border-radius:15px ;
	-webkit-border-radius: 15px ;
	width:845px;
	margin:auto;
	height:483px;
	padding-top:10px;
	background-color:#FFFFFF;
	padding-left:10px;
	margin-bottom:50px;

}

.titestadisticas{ float:left; width:345px; font-family:Verdana, Arial; font-size:16px; text-decoration:underline; color:#F7931E; font-weight:bold; }

.fechas{
	background-image: url(../images/periodograficado.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#8CC63F;
	float:left;
	padding-left:70px;
		
}

.subfechas{ font-family:Verdana, Arial; font-size:12px; color:#4d4d4d; font-weight:normal; }

.visitas{
	background-image: url(../images/cantidaddevisitas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#FF0000;
	float:left;
	padding-left:70px;		
}

.subvisitas{ font-family:Verdana, Arial; font-size:12px; color:#FF0000; font-weight:normal; }

.paginas{
	background-image: url(../images/cantidaddevisitas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#0000FF;
	float:left;
	padding-left:70px;		
}

.subpaginas{ font-family:"Trebuchet MS",Arial; font-size:12px; color:#0000ff; font-weight:normal; }

#chart_div{
	margin-left:-30px;
	
	background-repeat: no-repeat;
	background-position: left bottom;
}

#esttop{ 
  background-color: transparent;
    height: 145px;
    margin: auto auto 15px;
    width: 845px;
	 }
	
#adwords{
	-moz-border-radius:15px;
	-webkit-border-radius: 15px;
	background-color: #FFFFFF;
	background-image: url(../images/adwords.jpg);
	background-position: left bottom;
	float:left;
	width:225px;
	height:125px;
	background-repeat: no-repeat;
	padding:10px;
	font-family:"Trebuchet MS",Arial; font-size:16px; text-decoration:underline; color:#F7931E; font-weight:bold;
}	


#redes{
	background-color: #FFFFFF;
    background-position: left bottom;
    background-repeat: no-repeat;
    border-radius: 15px 15px 15px 15px;
  
    float: left;
   
    height: 125px;
    margin-left: 15px;
    padding: 10px;
   
    width: 565px;
}	

#redes_tit{     color: #F7931E;
    float: left;
    font-family: "Trebuchet MS",Arial;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    width: 100%;}

#facebook {
	 background-image: url("../images/logof.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #114889;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    padding-left: 65px;
    width: 75px;
		height:65px;
	
}

.megusta, .seguidores { font-family:"Trebuchet MS",Arial; font-size:10px; }

#google {
	 background-image: url("../images/logog.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #0B8A4A;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    padding-left: 65px;
    width: 75px;
	height:65px;
	
}

#twitter {
	 background-image: url("../images/logot.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #159CD6;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    padding-left: 65px;
    width: 75px;
	height:65px;
	
}


#youtube {
	background-image: url(../images/logoyoutube.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	color: #ED1C24;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 25px;
	padding-left: 65px;
	width: 75px;
	height:65px;	
}

#mailing{
	   background-image: url("../images/mails.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    color: #29ABE2;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 26px;
    height: 100px;
    margin-right: 100px;
    padding-left: 90px;
    text-align: left;
    width: 150px;
	
} 

.enviamail{
	width:800px;
	background-image: url(../images/enviaxmail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:125px;

}

#datos_news{ float:left; width:90%; font-size:15px; color:#29ABE2; text-align:left;}


#nav { list-style:none; }
#nav li { float:left; background-image:url(nav_li_bg.png); background-repeat:no-repeat; background-position:right; font-size:12px; }
#nav li a { display:block;  text-decoration:none; color:#000000; font-weight:bold; }
#nav li a:hover { color:#CCCCCC; }
/* Submenu */
#nav ul.submenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#E4E4E4;}
#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #999999; width:450px; font-weight:normal;}
/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#E4E4E4; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-image:none; border-bottom:1px solid #999999; min-width:200px;}

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

/**********************************************************************/
#navMain {
width: 940px;

float:left;
 }

#navMain ul{
    list-style:none; /*remove bullets*/
    float:left;
    font-family: 'Open Sans', arial, serif; /*Custom font implemented via google fonts api*/
	width:100%;
	margin:auto;
 }

#navMain ul li{
    display:inline; 
    margin-right:25px; 
	float: left;
    padding: 5px 10px;
}
#navMain ul li a{
	color: #7b7b7b;
    font-weight: bold;
	font-size:14px;
	text-shadow:1px 1px 1px #ffffff;  
	text-decoration:none; 
}

#navMain ul li.menuproductos a{
	color: #7b7b7b;
    font-weight: bold;
	font-size:14px;
	text-decoration:none; 
	text-shadow: none;
}

#navMain ul li a:hover{
  color: #bababa;
}

#navMain ul li a.activado{
  color: #bababa;
}

#supsugerido{ font-family: 'Ubuntu', sans-serif; font-size:250%; text-align:left}
#txtsugerido{font-family: 'Ubuntu', sans-serif; font-size:125%; text-align:left}
.formsugerido{ font-family: 'Ubuntu', sans-serif; background-color:#DEDFE0; padding-top:25px; margin-top:25px; font-weight:bold;}
.piesugerido{ font-family: 'Ubuntu', sans-serif; cursive; font-size:100%; text-align:center; background-color:#FEBC11; font-weight:bold; padding-top:15px; padding-bottom:15px;}


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


#cabezal{
    text-align: center;
    margin-bottom: 0px;
}
.imgcabezal{    
    position: relative;
    top: 15px;
    max-width:100%;
}
#descripcion{
        background-color: #CCCCCC;
        font-size: 12px;
        color: #4D4D4D;
        line-height: 20px;
        margin: 0px 80px;
        text-align: justify;
        padding: 20px;

}

#descripcion p{
    margin: 0px;
    
}

#enlaces{
    margin: 20px 80px;
}
#enlaces ul{    
    list-style: none;
}

#enlacesizq ul , #enlacesder ul { width:100%; }
#enlaces ul li{
    border-bottom: 3px dotted #CCCCCC;
    margin-bottom: 10px;

}

#enlaces a{
    font-size: 13px;
    font-weight: bold;
    color: #2D3C8D;
}

#info h1{
   border-bottom: 0px;
	font-size: 18px;
	padding: 0px 15px;
	padding: 10px;
	position: relative;
	background-color: transparent;
	left: 0;
	margin-left: 0px;
    color: #FFFFFF;
    padding: 10px 15px;
}

.tit_gris{
    color: #FFFFFF;
}

.titulos{
    background: #96bc0d;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.titulos h1{
    margin-top: 10px;
}

.articulo{
    margin-top: 40px;
    text-align:justify;
}
.articulo h2{
  background: #DDDDDD;
  text-align: center;
	font-size: 15px;
	color: #000000;
	padding: 10px;
	left: 0;
	position: relative;
	top: 0;
	margin-left: 0px;
}

.articulo p{
    font-size: 15px;
    line-height: 18px;
    text-align: justify;
    padding: 0px 20px;
    color: #808080;
}

#enews{
    background: #616366;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 10px;
    /*margin-bottom: 25px;*/
}

#enews h1{
   border-bottom: 0px;
	color: #FFFFFF;
	font-size: 24px;
	text-align: center;
	line-height: 25px;
	margin-top: 0px;
	position: relative;
	left: 0;
	margin-left: 0px;
	background-color: transparent;
}

.imgestrellas{
   padding: 17px 17px;
}

#botcomprar{
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom:0px;
    padding: 15px 0px;
    }
    
    
    
.boton {  
  text-align: center;
  padding: 20px 0px 15px 0px;
  text-decoration: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border: solid #00aeef 2px;
  background: -webkit-linear-gradient(left,#00aeef 0%,#008cc1 75%);
  background: -moz-linear-gradient(left,#00aeef 0%,#008cc1 75%);
  background: linear-gradient(left,#00aeef 0%,#008cc1 75%);
  
}
.boton:hover {
  background: -webkit-linear-gradient(right,#00aeef 0%,#008cc1 75%);
  background: -moz-linear-gradient(right,#00aeef 0%,#008cc1 75%);
  background: linear-gradient(right,#00aeef 0%,#008cc1 75%);
}
.boton a{
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}
.btnpedidos{
	width: 100% !important;
	margin-left: 0px !important	;
}

.btnpedidos a{
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
}

.ejemplo{
	background:#dddddd;
	padding: 17px 17px;
	max-width: 85%;
	padding-bottom:0px;
}

#columna, #info { 
	padding-top: 25px;
	padding-bottom: 25px;
	
	}
	
/* =Responsive 12 Column Grid
    Grid was based on my Shell Theme released on 07/26/2011
    http://themeid.com/responsive-grid/
-------------------------------------------------------------- */
.grid {
	float: left;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.grid-right {
	float: right;
	margin-bottom: 2.127659574468%;
	padding-top: 0;
}

.col-60, 
.col-140, 
.col-220, 
.col-300, 
.col-380, 
.col-460, 
.col-540, 
.col-620, 
.col-700, 
.col-780, 
.col-860 {
	display: inline;
	margin-right: 2.127659574468%;
}

.col-60 {
	width: 6.382978723404%;
}

.col-140 {
	width: 14.893617021277%;
}

.col-220 {
	width: 23.404255319149%;
}

.col-300 {
	width: 31.914893617021%;
}

.col-380 {
	width: 40.425531914894%;
}

.col-460 {
	width: 48.936170212766%;
}

.col-540 {
	width: 57.446808510638%;
}

.col-620 {
	width: 65.957446808511%;
}

.col-700 {
	width: 74.468085106383%;
}

.col-780 {
	width: 82.978723404255%;
}

.col-860 {
	width: 91.489361702128%;
}

.col-940 {
	width: 100%;
}

.fit {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
	


/*
 * STEP 1: Show the user when a form field is required with an orange star.
 */

/* Browsers that implement HTML5 Forms Natively */
input:required, textarea:required{
	/*background:url("../images/asterisk_orange.png") no-repeat right top;*/
}
/* Polyfill */
input[required] {
/*	background:url("../images/asterisk_orange.png") no-repeat right top;*/
}

/*
 * STEP 2: Show the user when a form field has valid data in it with a green checkmark.
 */

/* Browsers that implement HTML5 Forms Natively */
input[required]:valid, textarea[required]:valid {
	/* Make this important if you want IE10 to work right. */
	background:url("../images/tick.png") no-repeat right top !important;
}
/* Polyfill */
input[required].wf2_valid {
	background:url("../images/tick.png") no-repeat right top;
}

/*
 * STEP 3: Show the user when a form field has invalid data in it with a red 'X'.
 */
/* Browsers that implement HTML5 Forms Natively */
input:focus:invalid, textarea:focus:invalid {
	background:url("../images/cancel.png") no-repeat right top;
}

/* Polyfill */
input.wf2_invalid:focus {
	background:url("../images/cancel.png") no-repeat right top;
}

.description {
	color: #999999;
	font-size: 0.8em;
	text-align: justify;
	padding: 10px;
	background-color: #fafafa;
}


.articulo img { width: 100% !important; }

#pedido{ width: 700px;
margin: auto;
margin-top: 25px;}

.menuproductos {
    text-align: center;
    padding: 10px 15px 0px 15px !important;
    text-decoration: none;
    margin-top: -5px;
    background:  #008CC1 ;
    min-width: 130px;
     
    
    
}

#navMain ul li.menuproductos  a {
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
margin-top:5px;
}

.numero {
float: right;
color: #FFFFFF;
background-color: red;
border-radius: 50px;
text-align: center;
padding: 5px !important;
margin-left: 5px;
font-weight: bolder;te
}