@charset "iso-8859-1";
/* CSS Document */


.inicio_sesion{
	margin-top:5%;
}

.content-ficha {
    float: left !important;
    width: 1100px !important; 
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 40px;
    margin-bottom: 0px !important; 
       
}

#usuario
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
	padding-top:15%;
	padding-bottom:50px;
    font-size: 14px;
  	font-weight: 400;
  	font-family: "Montserrat",sans-serif;
}

.titulo
{
	color:#000;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;	
}

.titulo a{
	color:#00698A;
}

.subtitulo{
	border-bottom-color:#666;
	border-bottom-style:solid; 
	border-bottom-width:1px;
	font-weight:bold;
	padding:5px;
	padding-left:0px;
	margin-bottom:5px;
}


#usuario .boton{
	display: block;
   	/*width: 150px; */
	/*padding-top:10px;
	padding-bottom:10px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-family: "Titillium Web",sans-serif;
	font-size:14px !important;
	background-color:#4d4d4d;
	border:none;
	border-radius:10px;
	cursor:pointer;*/
}

#usuario .boton:hover{
   /*background:#00698A;
   color: #FFF;  */
}


#usuario table td{
	min-width: 90px;
}

.customSelect {
background-color: white;
padding: 6px 10px;
/*background: #fff url(../images/select-box-bg.gif) no-repeat right center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;*/
border: 1px solid #999;
text-align: left;
}

.btn-seguir-comprando{
	display: block;
   	width: 150px; 
	padding-top:10px;
	padding-bottom:10px;
	color: #FFF;
	text-decoration: none !important;
	text-align: center;
	font-size:14px;
	background-color:#00698A;
	border-radius:10px;   
}

.btn-seguir-comprando:hover{
  	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
   color: #FFF;  
}



.btn-carrito {
    background-color: #00698A;
    border-radius: 15px;
    display: inline-block;
    height: 40px;
    margin-top: 5%;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0;
    text-align: center;
    width: 30%;
	color:#FFF;
	text-decoration: none;
	border:none !important;
}

.btn-carrito:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	
}



.btn-volver {
    background-image: url(../images/btn-volver-productos.png);
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    font-family: "Montserrat",serif;
    font-size: 14px;
    height: 40px;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.5%;
    padding-top: 1.4%;
    width: 157px;
	text-transform:uppercase;
	text-decoration:none !important;
}

.btn-volver:hover{
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
	color:#FFF;
}


input, button, select, textarea{
	border:1px solid #E8E2D5 !important;
	margin-bottom:1%;
	margin-top: 4%;
}

.select2-selection.select2-selection--single {
    margin-bottom: 5%;
	border-radius: 0px !important;
	border:1px solid #E8E2D5 !important;
}


@media only screen and ( min-width: 961px ) and ( max-width: 1300px ) {

}

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

@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
}
/*____TABLA____*/
@media only screen and (max-width: 768px){
	/* Force table to not be like tables anymore */

	
		
		
		
		
}

@media only screen and ( max-width: 767px ) {
	#usuario {
		margin-right: 10% !important;
		width: 100%;
		margin-left: auto;
		font-size: 16px;
	}
	table.pedidos td:nth-of-type(1):before { content: "Pedido"; }
	table.pedidos td:nth-of-type(2):before { content: "Fecha"; }
	table.pedidos td:nth-of-type(3):before { content: "Estado"; }
	table.pedidos td:nth-of-type(4):before { content: "Total"; }
	table.pedidos, table.pedidos thead,table.pedidos tbody, table.pedidos th, table.pedidos td, table.pedidos tr {
			display: block;
		}
		
		table.pedidos thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		table.pedidos td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			
		}
		
	
		table.pedidos th {
			background: none repeat scroll 0 0 #333;
			color: white;
			font-weight: bold;
		}
		table.pedidos td,table.pedidos th {
			border: 1px solid #ccc;
			padding: 6px;
			text-align: left;
		}
		table.pedidos td {
  
			border-color: -moz-use-text-color -moz-use-text-color #eee;
			border-image: none;
			border-style: none none solid;
			border-width: medium medium 1px;
			padding-left: 50%;
			position: relative;
		}
		
		table.pedidos td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}	
		
		

table {
	float:center;
    margin: 0 10% !important;
    width: 80%;
}

.titulo {
 
  font-size: 22px;
  text-align: center;
  padding-left: 20%;
 
}

}

/*tablet 7 pulgadas*/
@media only screen and ( max-width: 603px ) {


		table.pedidos td:nth-of-type(1):before { content: "Pedido"; }
		table.pedidos td:nth-of-type(2):before { content: "Fecha"; }
		table.pedidos td:nth-of-type(3):before { content: "Estado"; }
		table.pedidos td:nth-of-type(4):before { content: "Total"; }
table {
    margin: 0 10% !important;
    width: 80%;
}
#usuario {
    font-size: 16px;
}

}

@media only screen and ( max-width: 480px ) {
		table.pedidos td:nth-of-type(1):before { content: "Pedido"; }
		table.pedidos td:nth-of-type(2):before { content: "Fecha"; }
		table.pedidos td:nth-of-type(3):before { content: "Estado"; }
		table.pedidos td:nth-of-type(4):before { content: "Total"; }
		

table {

    margin: 0 10% !important;
    width: 80%;
}
section {
	padding: 135px 0;
}

.flex-caption{
	top:15% !important;
}

.franja{
	margin-top: -80px;
}

#usuario {
font-size: 17px;
  width: 100%;
}
table.registro {
    margin-top: 18%;
    width: 80%;
}

}

@media only screen and ( max-width: 380px ) {
#usuario {
font-size: 14px !important;
  width: 100% !important;
}
table {

    margin: 0px !important;
    width: 100% !important;
}
table.registro {
    margin-top: 18%;
    width: 100%;
}
	
}